Blue Shadows on Accordion Toggle

Hey Darren,
We should be able to remove it but I don’t see your accordions, I have checked most every page. Please provide a direct link to the page.

Best regards,
Mike

Hi,
Thanks, I found that the border is actually created by the user agent for “:focus”, which is core css built into the browsers, this also explains why it looks different on your iPad. Anyways, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.main_color .toggler:focus {
	outline: -webkit-focus-ring-color auto 0px !important; 
}

Best regards,
Mike

Hi,
Thank you for the feedback, I have an Android mobile and when I check your page now the outline doesn’t show for me, but I researched some more on the -webkit (Safari) version of this and this may be better:

#top .main_color .toggler:focus {
outline: 0 !important;  
outline: 0 -webkit-focus-ring-color !important; 
}

Please give this a try.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike