Creating Responsive, Full Width, Sectional Background for Text

[ghox]

Hi there,

I am using the Genesis Framework + Child Theme (for WordPress).

Looking to emulate these full width chapter sections

• with the full width sectional color background,
  • white font
• centered header(s),
• and responsive 2 column (brief content area) underneath.

Been playing around with it and having no luck. Can only get a limited background color applied, and it’s contained within the content container. With this code to start i.e.

.full-width-bg {
    display: block!important;
    background: #f29145;
    width: 100%;
}

All help is appreciated.

(Trying to see what the best approach is from a more experienced pov, before I start custom force coding away and unwisely skipping a more efficient method).

[Paulie_D]

A minimal demo of the issue would be helpful BUT…you might be after something like:

https://stackoverflow.com/questions/28565976/css-how-to-overflow-from-div-to-full-width-of-screen

[Paulie_D]

..or if you want to get really up to date

https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/

[Author]

Posts