Support » Plugin: Accordion Blocks » Blue border around the block title

  • Resolved StefanJohansson

    (@stefanjohansson)


    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 Phil Buchanan

    (@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 */
    }

    Many thanks, works like a charm!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.