Solved SP Page Builder

Custom Accordion - Border and Background Issues

Asked by SPD 3 years ago Last activity 3 years ago

SP PB Pro 3.8.9 and Latest Helix

I am having a problem with the Custom Accordion where the colors from Background and Border seem to randomly affect each other. I have changed the colors for a more noticeable affect

As you will see in the image, sometimes you can see the background color along with the border, even when the accordion is all the way closed. It seems to random as if you do a complete refresh or open/close one it seems to change

https://drive.google.com/file/d/1oYxRDAeKVImiCk3aAt4_yiOUS7rGp8tt/view?usp=sharing

Any suggestions on a fix. Even if you change to No border or background color you will see the ‘seperator’ line (Not sure where that is coming from) thicker

As a follow up, is there anyway to get the arrow on the right as you do with the modern (3rd accordion)

Test site below

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Is this ok now?

6 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. If you want to change the background color then you have to use this custom CSS

#sppb-addon-1671015986540 .sppb-panel-custom .sppb-panel-heading{
      background: #5fb6ed !important;
    }

For removing the border color you have to use this custom CSS

#sppb-addon-1671015986540 .sppb-panel.sppb-panel-custom{
      border-color: unset !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Mehtaz Afsana Borsha Staff
3 years ago

Did not my CSS works?

SPD Asked this
3 years ago

I didn't use them because you said "For removing the border color you have to use this custom CSS" and I didn't want to remove the border and I was using specific Border settings in the Add-on. See image link I posted.

Which is why I asked if there was a problem with using the settings in the add-on itself as opposed to have to using custom CSS settings. If that makes any sense.

I may just go back to using the non-custom ones as they don't seem to have this problem
thanks

SPD Asked this
3 years ago

Not really, since I don't want to use your custom stuff as I figure it should work using the provided options. But guess there is not much you can do about that so I will accept answer and close this
Cheers

Mehtaz Afsana Borsha Staff
3 years ago

Ok Cheers.

Log in to reply.