Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1198964

    How do I get rid of the blue highlight when using tabs? Is the same in Chrome and Safari.

    Scott

    https://ibb.co/YTFn4Ww

    #1198978

    Hey Scott,
    Sorry for the late reply, the blue highlight can be removed with this css, please add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .main_color .toggler:focus {
      outline: 0 !important;  
      outline: 0 -webkit-focus-ring-color !important; 
    }

    If this doesn’t work for you please link to the page so we can check the sectors.

    Best regards,
    Mike

    #1198982

    Thanks Mike, but that did not do the trick. Here is one of the pages that has tabs on it – there are several others:

    https://www.ipsl.aero/raisbeck-king-air/individual-systems/aluminum-4-blade-swept-propellers/

    Scott

    #1199044

    Hi,
    Thank you for the link, please try this css:

    .tab,.tab.active_tab:focus {
        outline: -webkit-focus-ring-color none 0px;
        outline-color: -webkit-focus-ring-color;
        outline-style: none !important; 
        outline-width: 0px !important; 
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    #1199088

    That did it! Thank you so much Mike, I really appreciate it. You make me look good!

    Scott

    #1199173

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Blue Highlight’ is closed to new replies.