Hot remove outline (dotted border)

katharsys32 · Member · Jul 25, 2022 at 10:52 am
Copy link

Add topic to favorites
Hi everyone, how can I remove the dotted border that appears after click/tap every link (logo, menu, images)?
I’m using Twenty Twenty One theme.
I’ve tried tons of CSS lines before, but that annoying border is always there -.-
Thank you in advance (Y)
julinedossantos1 · Staff · Jul 25, 2022 at 2:58 pm
Copy link
Hello,

You didn’t leave your site address to test the issue, but I believe you are trying to change the border in the CSS. However you need to edit the :hover.

The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).

Let me know if this information helped you.
katharsys32 · Member · Jul 25, 2022 at 3:22 pm
Copy link
Hi, thank you for the answer!

Here is a picture of the dotted border I’m talking about.

I think it’s something related to the outline properties.

Other users have solved it using these settings:
```
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
a:focus {
    outline: solid 0px !important;
}
*:focus {
    outline: 0 !important;
}
```
but it didn’t work for me.
katharsys32 · Member · Jul 25, 2022 at 3:29 pm
Copy link
Maybe there was some problem with the theme installation. Anyway, I switched to the Twenty Twenty-Two theme now and I have no more problems with that annoying issue.

Anyway, I would still like to know if the problem was actually related to the outline properties and if the code reported in the previous post is correct to remove the dotted outline.
staff-totoro · Staff · Jul 25, 2022 at 10:50 pm
Copy link
Hi @katharsys32

What site is this for? the only site we see under your WordPress.com account is ka268397995.wordpress.com, which is a site that seems to not be in use, and does not use any of the themes you have mentioned.

Thanks for the additional info!
katharsys32 · Member · Jul 28, 2022 at 9:05 am
Copy link
Hi!

The site we are talking about is not online at the moment. Anyway I solved the problem by changing the theme. Thanks for your intervention!

No items found.