Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17501

    Hello again,

    I am trying to add a shortcode button ( [button color="pink" text="light"]Get a Quote[/button] ) to the footer but it is not showing up as you intended.

    See here … http://flyingstartonline.co.uk/fs/

    Hope you can help.

    #95672

    Hi,

    Go to Appearance > Widgets > then insert a text widget on the Footer Widget area. Put the shortcode there.

    Regards,

    Ismael

    #95673

    Hi,

    That is exactly what I have done – See here … http://flyingstartonline.co.uk/fs/ (the 4th footer) this is how it looks.

    I have tried switching ‘Automatically add paragraphs’ on and off. Visually, the button looks wrong either way I set this option.

    Thanks

    #95674

    Hey craigstephen,

    Looks like the footer styles are taking priority. I think the most direct way to fix that would just be to try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top #footer .avia-button.pink {
    background-color: #d65799;
    border-color: #d65799;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #692b4b;
    }
    #top #footer .avia-button.pink span{
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #692b4b;
    }

    This is the same style as the pink button but I’ve added #top #footer ID’s before the class to make them more important than the base footer styles :)

    Regards,

    Devin

    #95675

    That worked great thank you.

    I was wondering if you could help me align the button to the left (within the footer widget)

    Seen here (footer 4) … http://flyingstartonline.co.uk/fs/

    It’s stuck in the center no matter what style I apply to a div wrapper.

    Thanks Devin

    #95676

    Add this to your quick css as well:

    #footer #text-2 ul ul {
    margin-left: 0px;
    }

    Since the main data is inside an ul and the button gets put inside one was well, it gets the theme wide margin for them and just needs to be zeroed out.

    Regards,

    Devin

    #95677

    This worked perfectly Devin, I’m very grateful. Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Shortcode (button) in footer not displaying correctly’ is closed to new replies.