Is it possible to somehow override the container filling?

I could overdo it, but this is my first time working with Wordpress and getting used to everything that brings me a serious headache.

Basically, I have a div container. I am lazy and put 10px padding. But for the topic I'm trying to create, I have a couple divsthat I want to cover the entire container without filling.

Here is an example drawing:

enter image description here

Is there a way around the container div settings so that this one panel is not augmented?

+3
source share
4 answers

You can add negative fields to the div that should span the entire container:

div { margin-right: -10px; margin-left: -10px; }
+17
source

Negative fields are your friend here.

.wide-child{
    margin: 0 -10px;
}

fiddle

+3
source

div.

+2
.nopadding {
width: 100vw;
position: relative;
left:49%;
right:49%;
margin-left: -50vw;
margin-right: -50%vw; }

https://css-tricks.com/full-width-containers-limited-width-parents/

+1

All Articles