Navigation
Archive / Selected Link – Remove Border (Integrity)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 18, 2016 at 5:31 am #1220615
    troydesh
    Participant

    I’ve wrestled with the same issue on several installs of X, but can never remember or figure out exactly how to solve.

    Sometimes, when clicking a link a bold border appears just after selecting. I’ve tried several CSS fixes but am stumped. The most obvious example is in the main nav (screenshot attached), but I have also witnessed on clicking entry-title links from the blog

    How do you remove this border?

    October 18, 2016 at 5:32 am #1220617
    troydesh
    Participant

    site: http://troydeshano.com

    October 18, 2016 at 5:49 am #1220641
    Thai
    Moderator

    Hi There,

    Try adding the following CSS under Customizer > Custom > Edit Global CSS:

    a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

    Hope it helps.

    November 8, 2016 at 3:26 pm #1249215
    Pyanfar
    Participant

    Brilliant, thank you, was hunting for this myself and had trouble pinning down the element in css that was controlling this.

    November 8, 2016 at 10:30 pm #1249584
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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