Hi! I have a stock Enfold site in development that relies on a boxed layout with a 75%/25% split of main content and sidebar. My issue is that the main content area has a lot of padding on it by default. If I place an image slider in the main content area, it gets padding all around. I’d like the image slider to sit flush against the left of the box, top nav, right sidebar, and whatever sits below the image slider. The sidebar padding is fine as is.
Is there a way to kill the padding on the main content area without affecting the sidebar padding?
Hey paepke19,
Thank you for using Enfold.
Please provide a link to the site. We would like to inspect it. You can adjust the default padding of the container with the following css code.
.container {
padding: 0px 10px;
}
The default value is “0px 50px”.
Best regards,
Ismael
I’ve added the container style, but that ends up affecting the logo area as well. I only want to adjust padding on the left content area.
Thanks!
Hi,
Thank you for the update. Please replace it with the following code.
#main .container {
padding: 0px;
}
Best regards,
Ismael
Thank you
Hi paepke19,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria