SP Pagebuilder fluid module - Forum | JoomShaper
Solved SP Page Builder

SP Pagebuilder fluid module

Asked by Alison 4 years ago Last activity 4 years ago

HI

Can I make a SPPB module fluid so it fills the whole width of the page?

Thanks
Alison

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

Hi,

Please use the following code in your custom CSS to make it full width:

#sp-bottom .container {
    max-width: 100%;
    padding: 0 !important;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

6 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for contacting us.

If you do not enabled the box layout, then with the help of modifying margin, padding vallue it can be achieved I think. Which module you are talking about, please? Can you redirect me to where you have that module to check?

Best Regards

Alison Asked this
4 years ago

Module 440
shows in module position [top-footer] on all pages

Rashida Rahman Staff
4 years ago

Hi there!

Glad to know that the code is working:)

There is module title shows in white color. Please have a look: https://prnt.sc/24jrwqq

So you can choose to remove the module title from module edit window.

And please remove margin, padding values from your module and section.

You can use the following custom code either:

#sp-bottom .sp-module, #sp-bottom {
        margin: 0;
        padding: 0;
}
#sp-bottom .sp-module .sp-module-title {
    display: none;
}

Best Regards

Alison Asked this
4 years ago

OK, thanks, I put in a margin top and bottom of -70 and that worked (I think)

Rashida Rahman Staff
4 years ago

Glad that it worked for you and you are always welcome:)

Log in to reply.