Navigation
Archive / Elements highlighted when in focus
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 25, 2016 at 8:13 am #1189752
    davidferp
    Participant

    Hello X-Team,

    I am facing a cosmetic issue on my site when using at least Firefox, that does not happen in Safari.

    As of now, every time an element takes focus it gets highlighted (see the attached pictures, before and after)

    In these pictures you see the effect on the go-down anchor link but the same happens on the menu entries, hyperlinks,…

    Would there be a way to globally disable the highlighting of elements when in focus?

    Thanks a lot!

    September 25, 2016 at 8:14 am #1189755
    davidferp
    Participant
    This reply has been marked as private.
    September 25, 2016 at 8:26 am #1189760
    Christian
    Moderator

    Hey David,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

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

    Hope that helps. 🙂

    September 26, 2016 at 1:31 am #1190390
    davidferp
    Participant

    That worked like a charm. Thank you!

    September 26, 2016 at 1:35 am #1190391
    Christopher
    Moderator

    You’re welcome.

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