Responsive Buttons - Stacking But No Gap - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Responsive Buttons - Stacking But No Gap

JC

John Celano

SP Page Builder 4 years ago

My site has 2 rows of full-width buttons setup in (2) 6+6 rows. When I collapse the buttons to see site responsiveness, the buttons stack on top of each other but there is no gap between them. They just sit right on top of each other. It seems they are not responding to any padding. Can you take a look. Link & site credentials below. [http://trauma2021.chopcme.com/]

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #7871

Hi there!

You can set some bottom margin for those addons , it will help you:)

However, here is sample code for you if you like it to put on custom css:

#sppb-addon-wrapper-1613662824459, #sppb-addon-wrapper-1613662904032 {
    margin-bottom:20px!important;
}

Path towards custom css field of SP Page Builder: SPPB>tools>page settings>custom css

https://prnt.sc/sc168g

Best regards

0
JC
John Celano
Accepted Answer
4 years ago #7874

Makes sense and works great. But, I am wondering what is the purpose of the "Style" settings for margin & padding in the add-on then? " Why do those setting have no effect? It seem counterintuitive to override the setting in the add-on. What is their purpose? Does it just not effect buttons? It's important that I grasp why this is not the case.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #8052

Hi,

Did you set bottom margin within addon settings, before?

0