Staff replied SP Page Builder

unwanted blank space like easystoreProductList

Asked by Kostas Konstantinidis 1 year ago Last activity 1 year ago

Hi team,
I am trying to design a new local site...
I don't use easy store so how it could be possible to dissapear the container <div id="sp-page-builder" class="sp-page-builder page-92 " x-data="easystoreProductList"> and <div class="page-content builder-container" x-data="easystoreProductDetails"> It alwayrs gives an unwanted blank space between header and the first SPPB section. My best /kostas

4 replies

Mehtaz Afsana Borsha Staff

1 year ago

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

Rashida Rahman Staff

1 year ago

Hi there!

Thanks for contacting us.

I understand your site is on local, but online site would have been better to check though. However, if you are only concern about the gap of the first section then, I think the following custom CSS would be fine in this case.

#sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child {
    padding: 0;
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Kostas Konstantinidis Asked this

1 year ago

Hi Rashida,
The site is in local state so you can't see it live. Your suggestion doesn't work. I attach 2 pictures. The first one https://prnt.sc/QbPVbpcvqIzH shows the unwanted blank space and the second https://prnt.sc/LD_HS_2herfd gives the ID's and the classes of them via Google / Inspect. My best /kostas

Mehtaz Afsana Borsha Staff

1 year ago

Hi,

That's why we need your site URL, we have to check your URL and find out the CSS class, then its possible to fix. Please knock us here when it will be online.

Rashida Rahman Staff

1 year ago

Hello,

You can try important there along with margin 0. If this doesn't help, we do not have much to do about it without investigating your site,

#sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child {
    padding: 0 !important;
        margin: 0 !important;
}

Thanks!

Kostas Konstantinidis Asked this

1 year ago

Hi Rashida again, That's exactly what I temporary did... Within the next days the new site will be online, so you will be able to investigating it. Thank's both you and Mehtaz Afsana Borsha. My best /kostas

Rashida Rahman Staff

1 year ago

Thanks for considering this:)