Icon Group Add-on Issue With Bottom Border
Chad Arentz
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;
Ofi Khan
Accepted AnswerThis 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;
}Ofi Khan
Accepted AnswerHello 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
Accepted AnswerHello 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
Accepted AnswerI 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
Accepted AnswerBy "clearing it", I am deleting the line of code on line #3285 in the css/template.css file. (see in bold below) <br> .sppb-addon-module ul >li <br> { display: block; <br>border-bottom: 1px solid #e8e8e8; <br> -webkit-transition: 300ms; transition: 300ms; <br> Currently, the line hasn't returned, but that doesn't mean it will not. <br> But I will ask again, can this be fixed for the next update?
Ofi Khan
Accepted AnswerAs 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
Accepted AnswerI 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
Accepted AnswerIf you want to remove it, then you can try this CSS
.sppb-addon-module ul >li {
border-bottom: none;
}Chad Arentz
Accepted AnswerOkay, 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.
