-
Posts
-
I was wondering if you may be able to help me work out a way which will allow me to add background colour to individual text boxes please.
Here is an example of the approximate result I’m trying to achieve – please see the green text boxes on the right handside.
http://www.schaffler.com/wordpress/wp-content/uploads/2014/08/MasterDesign2.jpg
I was wondering what the code would be if I wanted to do this for all the pages and also if I only wanted to do it on certain pages.
As always, your support is greatly appreciated.
Hey Ivana!
Check this article:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Use a code like:
.custom_textblock{ background: green; padding: 20px; }Best regards,
JosueThank you for your quick response Josue. This is stretching my technical knowledge, but I am determined to master it. :)
As per the article you recommended, I have edited the functions.php file and indeed that added the custom CSS class to my textbox element.
So on the following page:
http://www.schaffler.com/wordpress/products/
I entered ik_greenbox into the CSS class field (of the right handside textbox)
Then within the quick css file I added:
#top .ik_greenbox{
background: #029c59;
padding: 20px;
}However, it is still displaying the text box as white, which may have something to do with this code which also appears in my quick css file.
#top.page .avia_textblock {background: #fff; padding: 10px 20px; border-radius: 4px; opacity:0.9;}
So it seems I may have missed something in the process.
Thank you so much for your assistance.
Hey!
It is getting applied but its being overridden by the default text block style, try with this code instead:
#top .ik_greenbox.avia_textblock{ background: #029c59; padding: 20px; }Best regards,
Josue
- You must be logged in to reply to this topic.