Hi,
I have build several acordeons and customised them with colors.
When I open a toggle element, there is a this colored line above the following text. I can’t found any option to change the color of this line.
Thanks a lot!
Yours, Thomas
Hey Thomas,
Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannon
Hi Jordan,
unfortunately the website isn’t public yet.
You can see two screenshots showing my question here: https://www.dropbox.com/sh/glus9gnrrlfcd3l/AABQj_EjYI3e1BitvQ2yYef_a?dl=0
I want to customize the color of the thin blue line.
Thank you!
Hi,
As that is an abnormal occurrence we would need to see a link so we can inspect the pages for the id or class that may be causing it.
Best regards,
Jordan Shannon
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
p.toggler:focus {
outline: none;
}
Best regards,
Yigit
That Works!!!
Thanks a lot, Jordan!
Hi,
You are welcome! We are always happy to help :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit