Solved SP Page Builder

Icon Group add-on issue with bottom border

Asked by Chad Arentz 3 years ago Last activity 3 years ago

I need your help. There is a small line of code in the "Icon Group" SP Pagebuilder add on which is causing a white "bottom border" to display below the icon group. I've tried clearing it by going to the 'css/template.css' file in the Template Editor section, but it keeps reappearing. This happens when I have "Compile LESS to CSS" activated or not. There is no reason for even having this white underline display, so can you PLEASE create a permanent fix for this?

The code line is css/template.css is line #3285 (see below)

.sppb-addon-module ul >li {
display: block;
border-bottom: 1px solid #e8e8e8;
-webkit-transition: 300ms;
transition: 300ms;

Accepted answer

Marked as the solution

Ofi Khan Staff

3 years ago

This was purposefully added on the template.css. The developer team knows better. We will not change this CSS. If you face trouble using the above CSS, then use this one.

.sppb-addon-module ul >li { 
    border-bottom: none !important;
}

8 more replies

Ofi Khan Staff

3 years ago

Hello Chad Arentz

I have checked your site and it is working fine. I do not see any white bar under social icons on your shared page.

Best regards

Chad Arentz Asked this

3 years ago

Hello Ofi,

Thanks for taking a look.

I keep clearing it in the template editor, so you probably saw it when it was cleared. The problem is that it keeps coming back. I have no idea how to make the change permenent.

The bigger issue: Why is it styled this way at all. There is no need to to have that white line at all. Can this be fixed as a long term solution?

Ofi Khan Staff

3 years ago

I keep clearing it in the template editor

What do you mean by clearing? Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

I cannot see the issue and hence I cannot share any solution here. I have checked again and no white border bottom is seen.

Chad Arentz Asked this

3 years ago

By "clearing it", I am deleting the line of code on line #3285 in the css/template.css file. (see in bold below)
 
.sppb-addon-module ul >li 
{ display: block; border-bottom: 1px solid #e8e8e8; 
-webkit-transition: 300ms; transition: 300ms;
 
Currently, the line hasn't returned, but that doesn't mean it will not. 
But I will ask again, can this be fixed for the next update?

Ofi Khan Staff

3 years ago · edited

As I said, I am not facing the issue on your site. Also, please do not change template.css file. If you need to change CSS, then write it on a different custom.css file.

Chad Arentz Asked this

3 years ago

I am not a very good coder. Can you provide a piece of code that would fix this issue? I will put it in a custum.css file, like you suggested.

Below is the code I have been changing…

.sppb-addon-module ul >li { display: block; border-bottom: 1px solid #e8e8e8; -webkit-transition: 300ms; transition: 300ms;

Ofi Khan Staff

3 years ago

If you want to remove it, then you can try this CSS

.sppb-addon-module ul >li { 
    border-bottom: none;
}

Chad Arentz Asked this

3 years ago

Okay, that's what I've been doing every time i've used that addon. That works until the underline eventually reappears. So it's not a permanent fix.

What I am asking is, in your next upgrade of SP Page Builder, can YOUR TEAM at Joomshaper replace the code line is css/template.css is line #3285, which includes ".sppb-addon-module ul >li { display: block; border-bottom: 1px solid #e8e8e8; -webkit-transition: 300ms; transition: 300ms;" with what you just sent me…
.sppb-addon-module ul >li {
border-bottom: none;
}

That would be very helpful going forward, because the display of a 1px solid bottom line doesn't even make sense.