-
Posts
-
My question is how to create a text block with a background color. I want to create a 1/3 wide text block that has a colored background that is different from the main color section. Like a colored inset box.
See the dark blue box on this page highlighting education and admissions: http://www.thurman-legal.com/#!about/c20r9
Thanks
Hi jeffhd1ckey!
Please turn on custom CSS field for Avia Layout Builder elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
then give your text block a custom CSS class and add following code to Quick CSS in Enfold theme options under General Styling tab.your-custom-class { background-color: red; padding: 10px; }Regards,
YigitYigit,
I have followed the instructions explicitly. Step one of turning on the custom css filed worked fine
the field is now showing in the text tab.I created a new custom class (this is the third I have created, so feel sure I am doing this part right as well) and copied the custom class name to the custom css field in the TEXT tab of the text block.
The background is still white. Any ideas??
Here are all custom classes I have created thus far. The last one is the one for this thread.
#bg-transparent {
background-color: transparent;
}#main, .html_stretched #wrap_all {
background-color: transparent;
}#textblock-background-cyan { background-color: cyan; padding: 10px; }
Hi!
You should add custom class without dot so it should be “textblock-background-cyan” on the element without quotes and you should add custom CSS code to Quick CSS as following
.textblock-background-cyan { background-color: cyan; padding: 10px; }If that still does not work, please post the link to your website and point out the sections
Best regards,
Yigit
- The topic ‘Can you create a background color in a text block within a color section?’ is closed to new replies.