How to create full width section on one page containing multiple text blocks

ManshaF · November 10, 2020

Site URL: https://manshaplan.com/about-us

password: password

I'm trying to make one section on one page the full page width. It contains several text blocks and I want them to have more space and spread across wider in its section. I just want to change that one section's width, not my entire site. I found a lot of help how to change the width of the whole site, but not just one section. I tried experimenting, but cant get it to work for only one section.

Any help is appreciated thanks!

Screenshot attached of the section of my site I'm referring to.

bangank36 · November 11, 2020

section[data-section-id="5faaacc74ea65d7df5667c63"] .content-wrapper {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
    width: 100% !important;
    max-width: initial !important;
}

ManshaF · November 11, 2020

@bangank36 Worked perfectly! Thanks so much !!!

tuanphan · November 11, 2020

@ManshaF I see on mobile, image is not fullsize

You can add to Home > Design > Custom CSS

/* we are image fullsize */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1604976996030_7454 {
    margin-left: 0;
    width: 100%;
}
}

ManshaF · November 11, 2020

@tuanphan Thanks so much I didn't think about mobile as well!

How to create full width section on one page containing multiple text blocks

Question

ManshaF 5

Link to post

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Popular Posts

ManshaF

ManshaF

Posted Images

4 answers to this question

Recommended Posts

bangank36 606

Link to post

ManshaF 5

Link to post

tuanphan 9,016

Link to post

ManshaF 5

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources