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/]
Solved
SP Page Builder
Responsive Buttons - Stacking but no gap
Accepted answer
Marked as the solution
Rashida Rahman Staff
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
Best regards
2 more replies
John Celano Asked this
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.
Rashida Rahman Staff
Hi,
Did you set bottom margin within addon settings, before?
Log in to reply.