Solved SP Page Builder

Different padding from j4 article (made with PB Pro) and same page made with PB Pro

Asked by pietro 4 years ago Last activity 4 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)

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

4 years ago

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

6 more replies

pietro Asked this

4 years ago · edited

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

Pavel

4 years ago

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

.com-content #sp-main-body {
    padding-top: 0;
}

Pavel

4 years ago · edited

(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

pietro Asked this

4 years ago

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.

Pavel

4 years ago

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.

pietro Asked this

4 years ago

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