Blog Posts - Forum | JoomShaper
Staff replied SP Page Builder

Blog Posts

Asked by Steven Gourlay 5 years ago Last activity 5 years ago

Hi im trying to reduce the white space between SPaddons in blog posts on mobile but increase in PC.
i cant post a screenshot but on my phone i have a massvie gap between the Text Block and the Gallery

1 reply

Rashida Rahman Staff
5 years ago · edited

Hi,
Did you mean the following gap?
F2EAF981-FCC5-4DA9-ACF5-E2F1DC28D48A.png

Then you can play with it's margin and padding settings.
Here you go with sample custom code, you can use it within your custom CSS.

@media only screen and (max-width: 599px)
{
.causes-modal-pop-margin-padding-fix .sppb-column-addons >div:nth-child(2) {
    margin: 30px 0px 25px 0px !important;
    padding: 0 !important;
}
}

You can even zero the margin to get rid of remaining extra space!

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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Hope this helps!
Best Regards

Log in to reply.