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.
Shortcode (button) in footer not displaying correctly
7 posts from 3 voices- Started 6 months ago by craigstephen
- Latest reply from craigstephen
- This topic is closed
- This topic is resolved
-
Posted 6 months ago #
-
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
Posted 6 months ago # -
Devin
ModeratorHey 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
Posted 6 months ago # -
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
Posted 6 months ago # -
This worked perfectly Devin, I'm very grateful. Thanks!
Posted 6 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
