Full Width Background Color

Hey,

You can use the Parallax Hero shortcode to insert as many full width content sections as you like. I appreciate the might not off the flexibility you require though.

Besides that you’ll need to investigate Page Builder plugins (I think some offer this kind of functionality) or create the component yourself with a little custom css. To do that try applying the following css;

.column-full-width {
margin-left: -999em;
padding-left: 999em;
margin-right: -999em;
padding-right: 999em;
}

Cheers

Thanks, James! That zeroed in on getting me to the full-width background-color. Thank you, also, for the recommendation to utilize Page Builder. I have tried Page Builder in conjunction with a different WordPress theme in the past, but got away from it when trying different themes.

I didn’t comprehend it at first, but I think that Storefront really shines as a lean theme ready for further customization.

For anyone reading this, I wrapped my content in a <div class="column-full-width">lorem ipsum</div> right in the Page content editor, and James’ CSS enabled the background color to fill the width of the browser. Here’s his CSS combined with mine:

.column-full-width {
margin-left: -999em;
padding-left: 999em;
margin-right: -999em;
padding-right: 999em;
background-color: #f8f8f8;
}

Thanks again,
Todd

I didn’t comprehend it at first, but I think that Storefront really shines as a lean theme ready for further customization.

Very happy to hear this, that’s one of the primary purposes of Storefront! ??