I've purchased the WP theme Photoproof. First of all I am really satisfied with it, but I have a question, which maybe you can answer easily. Checked the forums, but didn't found the answer for it.
I have a dropdown menu on my page which called 'Albumok'. When I click on it in any browser a little border appears around it. In Chrome it's blue, in FF it's dotted and so on. I've googled it and most of people say that I can hide it in CSS with: "outline: none;". I would like to ask where should I put this code to hide that border/outline on the menu?
Comments
Thanks for registering!
You mean focus ring.
You can read about why it is there here
https://support.apollo13.eu/discussion/5794/blue-frame-on-focus-menu-button-state
The CSS you can add in the Custom CSS field: https://rifetheme.com/apollo13-framework/docs/customizing-the-theme/custom-css/
With kind regards.
Pasted this CSS to the Custome CSS field but it doesn't work. Tried with several browsers, clear cache.
.top-menu i.sub-mark:focus {
outline: none;
}
With kind regards.
It works