Blog Posts - Question | JoomShaper

Blog Posts


Steven Gourlay

SP Page Builder 3 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 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #68

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.

Hope this helps! Best Regards