[Resolved] Stretch DIV Container Across Content Area

[Greg]

I have a DIV container that I would like to stretch the color across the entire content area. Right now it is being affected by the padding. What CSS would I use to accomplish this? It is the blue area that has the header “Connect” and contains the email address and social media icons.

Is there also a way to stretch this color across the entire screen area? Thanks!

[David]

Hi there,

edit the group block and change its Alignment to full width ( icons in the block tool bar ).
Then use the CSS class you added to target the inner container and limits it width and margins:

.homepage-connect .wp-block-group__inner-container {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

[Greg]

That worked beautifully! Thanks again David!

[David]

You’re welcome

[Author]

Posts