Section Full-width In Article: Columns are Not Full-width - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Section Full-width In Article: Columns are Not Full-width

A

Andrea

SP Page Builder 3 years ago

Hi, I have inserted CSS code and class section in the page : https://configliachi.stefanato.com/residenza-configliachi but columns are not full-width (only the row background)

The results should be like this : https://easycaptures.com/fs/uploaded/1683/8716733840.jpg

Any suggestion ? Thanks in advance. Regards. Andrea

0
4 Answers
Pavel
Pavel
Accepted Answer
3 years ago #88032

Hi Andrea.

The code that you use is the code that I wrote for a long time.

Now I have a new, simpler version. I suggest you use it instead of old code.

Here

.sppb-article-section {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
@media (min-width: 576px) {
    .sppb-article-section {
        margin-left: calc(-100vw + 50%) !important;
        margin-right: calc(-100vw + 50%) !important;
    }
}
.sppb-article-section.__fluid .sppb-row-container {
    max-width: 100vw !important;
}

To get section with full width background use this class in section's CSS Class field:

sppb-article-section

To get fluid section with full width background use this classes (separated by space) in section's CSS Class field:

sppb-article-section __fluid

0
A
Andrea
Accepted Answer
3 years ago #88233

Fine ! Thankyou very much!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #88235

Hi

Thanks Pavel for sharing the solution. Glad to know that it is fixed now. Andrea you can now close this post by accepting the answer.

-Regards.

0
Pavel
Pavel
Accepted Answer
3 years ago #88252

Hi. You are wellcome

0