Back to Top Button

- 10 years, 1 month ago RedHouseMedia
  Participant
  
  Expired
  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
- 10 years, 1 month ago Mirela
  Participant
  
  Hello,
  
  Please add this code into your custom css box:
  .scrollup a:focus { outline: none; }
  
  Best regards!
- 10 years, 1 month ago RedHouseMedia
  Participant
  
  Expired
  
  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
- 10 years, 1 month ago Mirela
  Participant
  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!
- 10 years, 1 month ago RedHouseMedia
  Participant
  
  Expired
  
  Thanks Mihaila, that worked great!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login