Focus Outline Appearing After Last Update

  • mysticminimalistartisan

    (@mysticminimalistartisan)


    1 year, 11 months ago

    All of a sudden, a focus outline has appeared on all sites using OceanWP on anything that is a link (all menu items, text, images, just EVERYTHING that is a link). The only thing that changed on these sites is an update to to the theme (and I am using a child theme). Even though the last theme update was on 5/2/22, I just updated it on all my sites last night & then noticed the issue. In looking at the changelog, the very first item is:

    * **Added**: Accessibility: Buttons: focus option.

    So that definitely tells me that the update caused the issue. My question to the theme developer is why would you add the focus option which you know is going to add an outline to all links on all sites using OceanWP when the update is applied, messing up everyone’s designs??? I know how to remove it with css, but that’s not the point, it’s SO NOT COOL that I have to go through ALL OF MY CLIENTS WEBSITES & add the css! I mean seriously! Just the time involved with doing that!

    WTH? WHY???

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • codeconnectptyltd

    (@codeconnectptyltd)

    1 year, 11 months ago

    Yeah I have to agree.

    I love the theme and use it consistently but this was an amateur mistake!

    Please address this immediately.

    keywon

    (@keywon)

    1 year, 11 months ago

    Can somebody please provide me the CSS to disable this new disturbing feature (buttons focus outline)

    Also, I request the theme developers to please remove this feature in the new update.

    Thanks in advance.

    Abhishek

    (@abhikr781)

    1 year, 11 months ago

    Hello,

    Sorry to hear that you are experience the issue.

    Those focus/outline added because of the accessibility requirement of WordPress, kindly read the requirements of accessibility.
    https://make.wordpress.org/themes/handbook/review/accessibility/required/

    For now, the solution is to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    a:focus {
outline: 0 !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Focus Outline Appearing After Last Update’ is closed to new replies.