Square around active links when using twentig

  • Resolved jasvor

    (@jasvor)


    5 months, 1 week ago

    I have this issue on all sites where I use twentig: When you click on a link (e.g. a navigation item) there shows up a square around it, that shouldn’t be there. Does anyone know how to fix this?

    Buttons also get this black square around them, when you click on them.

    • This topic was modified 5 months, 1 week ago by jasvor.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Yann

    (@collet)

    Hi,

    This “issue” isn’t related to Twentig. The CSS responsible for the outline style on link focus was added in an update of the Twenty Twenty-Four theme. If you wish to remove it, please follow these steps:

    • In your WordPress dashboard, navigate to Appearance > Editor.
    • Click Styles in the Design menu.
    • Click the Edit styles icon.
    • At the bottom of the Styles panel, click Additional CSS
    • Locate the CSS code :where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid;} and delete it.
    • Once done, click the Save button.

    Hope this resolves the issue for you,
    Yann

    Thread Starter jasvor

    (@jasvor)

    Hi,

    my bad – thanks so much for helping me anyway! It worked…

    Greetings

    Jasper

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