Ramka odnośnika - menu wordpress

Question

Witam,

Mam wydawałoby się mały problem ale nie mogę sobie z nim poradzić. Chodzi o to, że stworzyłem menu w wordpress'ie za pomoca wtyczki " Elementor Header & Footer Builder ". I ogólnie menu działa dobrze tylko jest jedna irytująca mnie rzecz. Mianowicie po wybraniu którejś pozycji zostaje ramka dookoła tekstu menu.

Niestety próbowałem w różnych miejscach stosować outline: none; jednak bez skutku.

Czy ma ktoś może jakiś pomysł ?

Dodam, że ramka po wybraniu pozycji z menu się pojawia a nie po najechaniu na nią.

 

Comments

Bez kodu/adresu strony trudno coś powiedzieć.

---

Jasne rozumie, już przesyłam link:

https://agencja-artemis.pl/

 

W sumie jest to jedyny ale bardzo irytujący problem jaki mam na chwilę obecną z WP. Z góry dzięki za pomoc.

Answer 1

"Błąd" jest spowodowany tą regułą:

a:focus {
    outline: solid 1px !important;
}

Znajduje się w pliku style.min.css. Z powodu !important ta regułka nadpisuje Twoje style.

Piszę "błąd", ponieważ całkowite usunięcie tego outline'u spowoduje spory problem z dostępnością. Dlatego proponuję inne rozwiązanie – wyłączyć outline dla :focus, ale zostawić go dla :focus-visible:

a:focus {
    outline: none !important;
}

a:focus-visible {
    outline: solid 1px !important;
}

 

Comments

Bardzo dziękuję, sprawdzę to potem bo teraz nie mam możliwości. A powiedz mi proszę jak to wytropiłes bo ja szukałem przez Firebug ale nie widziałem tego.

---

Firebug? On przecież jest martwy od dobrych 5 lat.

Ja po prostu w devtools w Chrome'ie w stylach z prawej przeszukałem style dla linka po tym, jak zmieniłem mu stan na :focus.

---

Sorry faktycznie to są po prostu "narzędzia dla twórców..." w Firefox. Jakiś w głowie mi siedzi ten firebug. Ok póki co próbuje namierzyć który to plik bo jest ich kilkanaście. No ale w którymś musi być ten a:focus