Hairlines between content blocks - Forum | JoomShaper
Solved SP Page Builder

Hairlines between content blocks

Asked by Ankie Gijsel 5 years ago Last activity 5 years ago

I've just started working with the page builder and there's something I can't figure out.
On https://www.ejb-advice.nl/ there are maroon lines vissible between the content blocks. Above "Ik ben Eva" and above "HR-based". I can't figure out where these are coming from. Any help would be appreciated.

I'm using SP Page Builder Pro, template Hudson. All is up to date.

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago · edited

Hi,

Yes, they are same, I have given screenshot from the frontend editor and you serched within the backend editor of the SP Page Builder.

You can add !important to see if it works! But I just noticed the id of the addons changed thats why it's not working. Did you recreate those texts with new textblock addon?
However, you can use this:

#sppb-addon-1613745893185 .sppb-addon-title:after, #sppb-addon-1613745893184 .sppb-addon-title:after{
    display:none !important;
}

If it doesn't help, give me your admin access to check the issue.

Best Regards

6 more replies

Rashida Rahman Staff
5 years ago · edited

Hi there!

Thanks for contacting us.
Are you talking about this? https://prnt.sc/1004pqq

You can use the following code in custom CSS of your template:

#sppb-addon-1613659268210 .sppb-addon-title:after, #sppb-addon-1613659268211 .sppb-addon-title:after{
    display:none;
}

Hope this helps!

Best Regards

Ankie Gijsel Asked this

Hi Rashida,

Thank you so much for your help. Can you tell me to what CC file I need to add this code. There are so many...

I now added it to CSS/themes/red/template.css but that doesn't seem to work. I cleared my cache.

Best regards,
Ankie

Rashida Rahman Staff

Hi there!

You can put it to the following area:
SPPB>tools>page settings>custom css

https://prnt.sc/sc168g

Best Regards

Ankie Gijsel Asked this

Hi Rashida,

I feel kinda stupid...
It's not looking like your screenshot at all.
It looks like this: https://prnt.sc/103sc05

I've now added the CSS code in this place, but this is not working: https://prnt.sc/103sdbq
What am I doing wrong?

Thank you so much!

Ankie Gijsel Asked this

Thank you so much, this worked. I kind of understand now how, and I was able to apply it also on the contact page, but with change of the addons number. Thank you!

Best regards,
Ankie

Rashida Rahman Staff

You are always welcome:)

Log in to reply.