BOX-Margins - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

BOX-Margins

SD

Salvatore Debono

SP Page Builder 2 years ago

Hi, i am having an issue with margins since updating to PB pro v.5. I created articles with PB pro v.4. Text boxes and Image boxes have lost the margins. They still show in edit mode though.

Salvatore

0
8 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #122043

Yes, this same is when you are using classic CSS

padding: 30px or margin: 30px inside .css file, it's how CSS works.

You have to define all values: Top-Right-Bottom-Left - by 0 or bigger value

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

Hi Salvatore,

to help you more,

  1. You have to check margin settings in new SPPB 5.x maybe indeed somehow they were removed, please do it. And save that article again.

  2. If (1) will not help - we have to see that page URL - please share link.

0
SD
Salvatore Debono
Accepted Answer
2 years ago #121849

Hi, you will find the URL hereunder:

On the left, there are 3 boxes with 30px bottom-margin on the top 3 boxes (which you cannot see). However, they are still shown in edit mode.

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

Those addons ?

info_1266_2023.jpg

if yes, they have padding-bottom 20px

0
SD
Salvatore Debono
Accepted Answer
2 years ago #121935

Exactly. They are still there, but since i upgrade to V5 they dont show up!

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

we talk about padding or margin settings, I want to be sure.

0
SD
Salvatore Debono
Accepted Answer
2 years ago #121945

Margins not Paddings. Each box has a bottom-margin of 30 px.

0
SD
Salvatore Debono
Accepted Answer
2 years ago #121996

We got a new update. Now the 30px bottom-margin is applied correctly in edit-mode, but when refressing in the browser it seems that the 30px margin is applied on all sides, top, right. So i have to set these to 0px. Then the article is displayed as wanted.

0