Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #858430

    BUK95
    Participant

    When I click a link or a button the text appears suddenly in a box (4 colored lines). The colors of the lines is in case of my navigation menu “blue”, in case of buttons they are red.

    I have no idea where this suddenly comes from.

    Thanks for your help

    #858478

    Christopher
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #858641

    BUK95
    Participant

    After some testing I noticed that the problem only occurs when I use Firefox on my main PC. It does not appear when I use other browsers or use my laptop.

    I assume it has something to do with my Firefox settings. These create colored outlines (blue or red) whenever I click a link or a button.

    The URL is http://facing-it-together.com/ but I assume you will not notice any problem.

    Do you have an idea by any chance what should be changed?

    #858798

    Paul R
    Moderator

    Hi,

    You can try adding this under Custom > CSS in the Customizer.

    
    body a {
       outline:none;
    }
    

    Hope that helps.

    #858822

    BUK95
    Participant

    Unfortunately it did not solve the problem. I have made a screenshot that shows what happened when I click on a link.

    #859172

    Darshana
    Moderator

    Hi there,

    You have the following custom CSS rule which makes that effect.

    
    a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
        outline: 5px auto #0066bf;
        outline-offset: -1px;
    }
    

    You can change it as follows.

    
    /*remove border around links and buttons in Firefox*/
    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;
    }
    

    Hope that helps.

    #860233

    BUK95
    Participant

    Thanks very much. Problem solved. You have been a great help as always.

    #860380

    Zeshan
    Member

    You’re most welcome! 🙂