Custom Accordion - Border And Background Issues
SPD
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
Mehtaz Afsana Borsha
Accepted AnswerHi
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.
SPD
Accepted AnswerJust so I understand, I can't use the settings under Accordion Current Type (see image) https://drive.google.com/file/d/1M2xxyTWz2gQ1d3Rqr5fA417wR4xMDz6H/view?usp=sharing
Thos are the setting I have for the blue/red lined you are seeing on link I provided
SPD
Accepted AnswerI 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
Accepted AnswerNot 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