Different Padding From J4 Article (made With PB Pro) And Same Page Made With PB Pro - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Different Padding From J4 Article (made With PB Pro) And Same Page Made With PB Pro

P

pietro

SP Page Builder 3 years ago

Hi team, I am testing PB Pro with helix framework. I created a page (homesp link in the menu) and display it perfectly. I set PB Pro as J4 article editor and imported the page (homesp) into a J4 article, linked to the HOME menu item. Here too the article displays perfectly, but between the menu section and the article I find a padding probably in the "class="article-details".

Can you help me to remove it?

I've checked in the helix settings and all padding is 0.

The cache is not set

NB I did this test because I have to redo a site J3 made with JSN PB and I want to keep the same j4 page names and aliases, and it is important that that padding is not there.

The site is not reachable, it is in my hosting space and I can only reach it by editing the hosts file (see hidden info).

Many thanks in advance and best wishes from Italy

Helix Template version 2.0.5 SP Page Builder Pro 3.8.1 Joomla version 4.0.5 Browser Version 96.0.4664.110 (Official Build) snap (64 bit)

0
7 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #49147

Hi Pavel

Thanks for your suggestions.

Hi pietro glad to know that you have solved the issue

You can now accept the answer and close this post

Thank you

0
P
pietro
Accepted Answer
3 years ago #49107

(https://www.flickr.com/photos/194668532@N02/shares/0x3Cpz)

0
Pavel
Pavel
Accepted Answer
3 years ago #49108

Hi. Use this code with padding-top value as you need

.com-content #sp-main-body {
    padding-top: 0;
}
0
Pavel
Pavel
Accepted Answer
3 years ago #49117

(https://www.flickr.com/photos/194668532@N02/shares/0x3Cpz)

I wrote my answer before saw your screenshots. In this case, use the browser code inspector to determine the cause. I could help you only if your site is available on a public link, since I am not an employee of support. Super User access not needed to geve you a tip how to solve it

0
P
pietro
Accepted Answer
3 years ago #49124

Hi Pavel, thanks for your help.

I checked more and found the problem. It's in the file /css/template.css" in template "shaper_helixultimate"

In class - .article-details .article-can-edit{position:relative;margin-bottom:10px}.

I set the margin-bottom to 0 and now it shows correctly.

0
Pavel
Pavel
Accepted Answer
3 years ago #49182

Hi @pietro. I hope you placed this code in the custom.css file. Since any changes in template.css will be lost after the template will be updated.

0
P
pietro
Accepted Answer
3 years ago #49204

Thank you @Pavel. I have created a copy of the template, and will use that for all customisations. When there are updates on the template I will evaluate the list of overrides provided by joomla for possible copying. I really found very convenient the possibility to export/import the Helix configuration. Helix and Page Builder are really two well designed tools. Congratulations to the developers

0