[Anthony]

I am trying to create full-width banners to break up my page content into parts, problem is I can’t seem to eliminate the left and right margins that are causing the banner to stop before it reaches the background. I’d like the banners to span the width of the entire white space shown in the screenshot.

The overall theme setting is Narrow & No Sidebar, while the page itself is designated No sidebar, Full width.

I’ve tried messing with margins and such, but all I have in my custom CSS right now is
.banner1 {background-color: rgba(255,0,0,.3);}

and then the page:

This page will contain basic contact info along with a contact form.
<div class="banner1">This is a banner</div>
Next set of content goes here
<div class="banner1">This is another banner</div>
Third set of content goes here

Thanks in advance for your help.

[Anthony]

Link above to the photo is broken. Use this one:

[Theme Horse Support Team]

Hi Anthony,

Are you trying to make the 1st and 2nd banner to 100% in width without white spaces in left and right side?

Thank you!

[Anthony]

Correct. Thanks!

[Theme Horse Support Team]

Hi Anthony,

Sorry! It is not possible by easy way because it is wrapped in one div.
It needs code customization you have to hire a developer for this

Thank you!

[Author]

Posts