-
-
Hello,
When I am using Firefox, I get this dotted line box around my Back to Top button when I click on it. Here is an image of the issue: https://pasteboard.co/1uLQsmpd.jpg
This code was previously added to help fix this problem. It seems to still be working in other browsers, just not Firefox:
.header_12 .full_nav_menu nav ul > li.current-menu-item > a, .header_12 .full_nav_menu nav ul > li.current-menu-parent > a, .header_12 .full_nav_menu nav ul > li:hover > a{ outline:none; } Can this be fixed?
Thanks!
Courtney -
Hello,
Please add this code into your custom css box:
.scrollup a:focus { outline: none; }
Best regards!
-
Hello,
Thanks for the response.
I placed this code in the Custom CSS box, but it didn’t seem to work. I am still getting the lines around the Back to Top button when I click on it in Firefox.
Is there anything else I can do?
Thanks,
Courtney -
Hello,
Please edit the above code to this:
a:focus { outline: none !important;}
Or go to file css\bootstrap.css and find these lines:a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
Replace with these:
a:focus { /*outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;*/ }
Best regards!
-
-
You must be logged in to reply to this topic.