Info
Content

Set background colors to the edge of a page

By default, all content inside a page has a small padding around it, as illustrated in the image below. 

padding-left-right.jpg

To remove that padding and set the background to "bleed" all the way to the end of the page, you may add this CSS code to your page/layout: 

.container, .container-fluid {
     padding-right: 0px; 
     padding-left: 0px; 
}

Copy the above CSS code and paste it into the CSS section of your page or layout:

custom-css-in-page.png

Applying the CSS to a page will apply this change to that page while applying the CSS to a layout will apply this change to all pages nested within that layout.

As you can see in the image below, the CSS used resulted in the background color bleeding to the edges of the page.

Back to top