Cannot Control Spacing
Terry Hely
Hi... newbie joining in.
A SPPB pro site has rows that include a Section Title at the top and a Joomla module (image slider) below. The default space below the Section Title is excessive and I cannot reduce it using the padding/margin/heights settings.
If I remove the Section Title and unpublish the slider module, the row fully collapses to zero height. Put back the Section Title and the excessive bottom spacing is back.
My logic says that there is a setting attached to the Section Title that I canāt control from the SPPB editing suite. Can I fix this and if so, how?
Ofi Khan
Accepted AnswerHello Terry Hely
Please share a screenshot of your issue to understand it better.
Best regards
Terry Hely
Accepted AnswerHiā¦ Screen grab images attached as requested.
The issue I am trying to resolve is to reduce the spacing below the Section Titles as highlighted in image1.jpg All row and column padding and margin settings are either zero or null.
Image2.jpg shows what happens when the Section Titles are removedā¦ the top and bottom spacing goes with it.
So it seems that Section Titles have default top and bottom marginsā¦. the question is how and where to edit them?
Ofi Khan
Accepted AnswerYou can solve this with CSS. Please share your site URL here to check the issue. Use the Hidden Content box to share privately.
Terry Hely
Accepted Answer Ofi Khan
Accepted AnswerPlease use this CSS to Template Options -> Custom Code -> Custom CSS
#sp-page-builder .sppb-section-title{
margin-bottom: 0px;
}Terry Hely
Accepted AnswerThanks Ofi... perfect. Can you also help with the custom css to modify the spacing below the slider? See image3.jpg