Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi guys!
How can I change the accordion toggle button from + and - to a arrow with rounded outline (down for + and up for minus) ?
Thank you very much!
KR
Mario
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
div .toggle>.toggle-title i:before,div .toggle>.toggle-title i:after { background: transparent !important; } div .toggle > .toggle-title i:before { content: "\f107" !important; top: 7px !important; } div .toggle.open > .toggle-title i:before { content: "\f106" !important; top: 5px !important; color: #3350fa; } div .toggle.open i:before { transform: scale(1) rotate(0deg); }Thanks
ThemeNectar Support Team
Hi Tahir! Thank you very much!
I've added a \ to the icon and now its working!
Is it possible to remove the round border in general and to make the icon inside bigger?
KR
Mario
Hey Again,
I see you got it working:
Thanks.
ThemeNectar Support Team
Hi Tahir,
yes, thanks! I found a way, was working quit well :-)
Additional Question:
1) How can I change the size and color of the fancy unordered list bullet point item? This is only possible for the "dash" - not for the dot.
2) How can I change the hover color of a link inside the fancy unordered list?
KR
Mario
Hi Mario,
I am glad you were able to resolve the toggle panel query.
Please open a new ticket with the new issue to help us seamlessly follow up on the queries and give an accurate response without any mixup.
Thanks for understanding.
Best Regards.