Blue border around the block title

  • Resolved stefanjohansson

    (@stefanjohansson)


    4 years, 7 months ago

    Great plugin.
    Trying this out with the Neve Theme.

    When I expand the accordion, I get a blue border around the title.
    Is this the intended design? Can I take that border away with CSS?

    When I move the cursor away from the Accordion block and click “anywhere”, the border goes away.

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    The blue outline is a web browser accessibility feature, meant to show which element on the page has focus. This is particularly helpful for users who navigate your website via the keyboard (not a mouse).

    You can remove the outline with CSS, however it is strongly recommended that you replace it with your own focus styles so there is still a visual affordance for those users.

    To remove:

    .c-accordion__title:focus {
    outline: none;
    /* Your alternative focus styles here */
}
    Thread Starter stefanjohansson

    (@stefanjohansson)

    Many thanks, works like a charm!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blue border around the block title’ is closed to new replies.