I am creating a custom layout that will be saved as a template. I am trying to do very specific things with margins and padding on page sections. At the very top of the page, I would like the background color of the secondary navigation to extend to 100% of browser width.
On the main content area, I would like to have a very faint gray background. I would like this background set 30px from the left and right edges of the browser window. Please see my screen grab here: https://adobe.ly/2JXqi5G
I have put login credentials in the Private Content area.
Bill Basler
Hey billbasler,
Thank you for using Enfold.
Did you set the layout to “boxed”? You have to set the General Layout > Layout to “Stretched”. Use the color section’s background options.
Best regards,
Ismael
I have experimented with both. Stretched does make it some the top bar and footer extend full width. As for the Color Section, I would like to set it to a mex width, such as 1600px. How might I do that? Thank you Ismael.
Hi billbasler,
You can try something like this
.avia-section {
max-width: 1600px;
}
If you need further assistance please let us know.
Best regards,
Victoria