Navigation
Archive / Remove red border on links and hover (have tried a:focus) not working.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 8, 2017 at 1:22 pm #1363232
    Ronald
    Participant

    I am trying to remove the big red outline that appears on hovering and after clicking on links, I am using integrity stack and have tried this code: (not working) 

    a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
  outline: none;
}

    Please advise.

    PS. The site is under development and behind coming soon page, I will private reply with admin login.

    February 8, 2017 at 1:23 pm #1363235
    Ronald
    Participant
    This reply has been marked as private.
    February 8, 2017 at 4:19 pm #1363448
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Yeah, I know what that css is for and I don’t see the issue for that now so it seems its working now. If its not on your end, please clear your browser’s cache.

    Or are you referring to this?

    http://prntscr.com/e6ac3g

    If so, add this on your custom CSS.

    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	    box-shadow: none !important;
}

    Hope it helps, Cheers!

    February 8, 2017 at 4:31 pm #1363458
    Ronald
    Participant

    Thank you Friech,

    It must have been a cached issue, the code I pasted above worked for me, thanks very much for the trouble.

    February 8, 2017 at 6:33 pm #1363556
    Nico
    Moderator

    Happy to hear that.

    No worries. Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1363232 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>