I Cannot Make Spaces Between Rows Once I Duplicate A Row - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

I Cannot Make Spaces Between Rows Once I Duplicate A Row

KT

Kim Tabori

SP Page Builder 2 years ago

Please could you assist. I cannot make spaces between image rows once I duplicate a row.

0
7 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #99510

Hi there!

Thanks for contacting us.

Would you please share ascreencast with us showing your desired function and issue? It will help us to understand it better and advise accordingly.

Best Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #99517

Kim, If I may....

change Row ID used in 2nd, cloned Row. Row Options > Section ID > change name there or add your own, for example, put "second"

212.jpg

it should help.

If not, instead of margin you can also use padding value.

(!) Remember about Joomla cache or SPPB cache, if you use Production mode.

0
KT
Kim Tabori
Accepted Answer
2 years ago #99611

Thank you for your feedback I tried both suggestions and unfortunately both options did not work.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #99616

That's weird. I use this feature every day.

What SPPB version you have?

Can you show us LINK and tell us which rows?


And yes, You can always use custom CSS to put margin for selected Section. Not very elegant, but it works.

#second {margin-top: 50px !important; margin-bottom: 50px !important}

it will work with "second" Section ID name, as I mentioned before

0
KT
Kim Tabori
Accepted Answer
2 years ago #99663

yes sure please find the link below https://sharula.co.za/

0
KT
Kim Tabori
Accepted Answer
2 years ago #99666

sp page builder pro version 3.8.9

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #99667

I noticed that You don't know how to use custom CSS inside SP Page Builder :( You didn't read SPPB documenation about that. Yes, you made few basic mistakes!

Please use:

#second {margin-top: 50px !important; margin-bottom: 50px !important}
#third {margin-top: 50px !important; margin-bottom: 50px !important}

not inside class name field - but here

218.jpg

0