Navigation
Archive / Navigation Menu – Hover/Focus Outline Size (inline?)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 10, 2017 at 9:45 am #1402005
    springboard
    Participant

    Hi

    Can you point me in the right direction of which css tage I need to update to reduce the size of the outline which appears round a menu item when focused or clicked.

    a:focus is showing an inline css with outline: 5px auto and the rgb colour. (screen shot attached).

    Cheers

    Colin

    March 10, 2017 at 11:43 am #1402131
    Joao
    Moderator

    Hi Colin,

    Thanks for writing in and sorry you’re having this issue, this is a bug that is already on our reported list. Temporary fix is adding this under Custom > CSS in the Customizer.

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

    Hope it helps, Cheers!

    March 17, 2017 at 9:45 am #1411059
    springboard
    Participant

    Great thanks have implemented that and its much cleaner (site close to going live and it was just bugging me) – although I did do another search today and spotted similar replies.

    Cheers

    Colin

    March 17, 2017 at 1:22 pm #1411303
    Jade
    Moderator

    You’re welcome, Colin.

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