SP Pagebuilder Fluid Module
Alison
HI
Can I make a SPPB module fluid so it fills the whole width of the page?
Thanks Alison
Rashida Rahman
Accepted AnswerHi,
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
Rashida Rahman
Accepted AnswerHi 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
Accepted AnswerThank that works.
Is there a way to remove the white space above and below the module?
Rashida Rahman
Accepted AnswerHi 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
Accepted AnswerOK, thanks, I put in a margin top and bottom of -70 and that worked (I think)