-
Posts
-
Hi,
I need to insert some CSS to enable full width rows whilst using the beaver Builder page builder in Enfold.Can you please tell me how to target the content wrapper by ID or class. I thought I’d worked it out as being #main but that doesn’t seem to work.
I’m trying to implement those instructions from the beaver Builder knowledge base.
Thanks1. Find the id or classname of your theme’s content wrapper (e.g. #content).
2. Target the content wrapper for builder pages and make it full width by adding the following CSS where #content is the selector for your content wrapper…
.fl-builder #content {
width: auto;
}Hey Hugues,
Unique ID’s can be added to colorsections or grid rows.
To target advanced builder elements with custom css class names please check this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
VinayHi Vinay,
I think we misunderstood each other: i need the themes content wrapper ID or class so i can target it i.e. what you called the overall content wrapper in the theme. Not creating a new one.
Does that make sense ?
HuguesHey!
Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/
Best regards,
YigitThanks guys but these tips above don’t help as they relate to making Avia builder rows full width.
All I need to know from you (or your developers) is what you call the overall content wrapper in the Enfold theme so i can target it with the css. I am having difficulty identifying it by looking at my browser inspector tool that’s all.
I am trying to follow these instructions:
1. Find the id or classname of your theme’s content wrapper (e.g. #content).2. Target the content wrapper for builder pages and make it full width by adding the following CSS where #content is the selector for your content wrapper…
.fl-builder #content {
width: auto;
}Thnaks in advance
- You must be logged in to reply to this topic.