Empty Space/Padding Not Showing On Website But Shows In Editor - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Empty Space/Padding Not Showing On Website But Shows In Editor

F

Fragapalooza

SP Page Builder 2 years ago

Updating my website in Joomla 3.10.11, using your Helix 2.0.11. My SP Page Builder page I am making will not show padding in a browser but does in the editor. Not sure what is happening here.

Website: www.fragapalooza.com - but can't see the SP Page without login info. Login information is in the hidden content for demo user to see issue.

Website: https://i.imgur.com/NHkT33R.png

Editor: https://i.imgur.com/lHqK5iy.png

I've tried clearing cache in Joomla, in Browser. Closed out of all and reloaded.

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100275

Hi

Thanks for contacting us. Give me a screenshot of your issue please.

-Regards.

0
F
Fragapalooza
Accepted Answer
2 years ago #100279

Um I did...

Differences as per my original post:

Website: https://i.imgur.com/NHkT33R.png

Editor: https://i.imgur.com/lHqK5iy.png

I'll update this post and original with a direct link to the image if that helps, rather than the imgur link.

0
F
Fragapalooza
Accepted Answer
2 years ago #100369

Ok I fixed the padding issue using actual padding on the row with Empty Space, but now my borders for Image Layouts show in SP Page Builder but are not showing on the actual website.

Again I cleared out the Joomla Cache and used fresh browser cache as well.

Website: https://i.imgur.com/Mff74Bm.png

Editor: https://i.imgur.com/dyDCfIe.png

Any direction would be helpful!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100521
0
F
Fragapalooza
Accepted Answer
2 years ago #100545

I'm talking about the orange border on this:

https://prnt.sc/CS7a6yAD_7MK

On the website it doesn't show:

https://prnt.sc/UDzqUFnj2p4-

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100643

Use this custom CSS

.sppb-addon-image-layout-content.sppb-text-alignment {
    border: 1px solid #E96817 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0