• Resolved Mike Hindle

    (@mikehindle)


    Hi there. Hope you’re doing well πŸ™‚

    Is there a way to remove the outline that appears when someone clicks on the site logo or title?

    I might be imagining it but I’m sure it only just started doing it.

    Any help would be huuuuuugely appreciated, thank you.

    Mike.

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • You can try this code

    :where(.wp-site-blocks *:focus){

      outline: none;

    }

    Thread Starter Mike Hindle

    (@mikehindle)

    Hi and thanks for this.

    I’ve added the code and cleared the cache, but it’s not working, unfortunately.

    Mike.

    Moderator Felipe Santos

    (@foosantos)

    Hi @mikehindle, it also seems to work as expected from my end.

    Could you please check if you added it as expected?

    :where(.wp-site-blocks *:focus){
    
      outline: none;
    
    }
    Thread Starter Mike Hindle

    (@mikehindle)

    Hey Felipe. Thanks for the reply.

    Yes, it’s added exactly like that. I notice that on Safari it doesn’t do it, but on Chrome it does.

    Here’s a screenshot if needed where you can also see the added code.

    and with ?
    outline: none !important;

    Thread Starter Mike Hindle

    (@mikehindle)

    Hey Fred.

    Thanks for this. Just added it but it’s not changed anything, unfortunately.

    Moderator Felipe Santos

    (@foosantos)

    Can you try this way to see if still doesn’t work?

    :where(.wp-site-blocks *:focus) {
        outline-width: 0px;
        outline-style: inherit;
    }
    Thread Starter Mike Hindle

    (@mikehindle)

    Hi Felipe. Thank you for this.

    I’ve added it but still no change, unfortunately.

    Moderator Felipe Santos

    (@foosantos)

    In this case, it really looks like some odd caching is applying on your site somehow. Have you tried to flush all your caching, even browser caching?

    Thread Starter Mike Hindle

    (@mikehindle)

    Ah ok no worries, Felipe. I have but I’ll try again and see what happens.

    Thank you πŸ™‚

    Thread Starter Mike Hindle

    (@mikehindle)

    Hi all. Just a quick update as this issue is now also affecting another site I’m working on.

    The boxes show when clicking on any link and also on mobile they appear around the site logo and hamburger menu.

    Here are some screenshots.

    I know we didn’t reach a solution but just wanted to see if anyone had any other ideas.

    This is the other site it’s affecting https://davidfoxmagicianmidlands.co.uk/

    Moderator jordesign

    (@jordesign)

    Hey @mikehindle – could you please try out this CSS instead?

    :where(.wp-site-blocks *:focus) {
        outline-width: 0px !important;
        outline-style: inherit;
    }
    Thread Starter Mike Hindle

    (@mikehindle)

    Man! I owe you πŸ™‚

    This has worked perfectly. So happy and really appreciate it.

    Thank you!

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