• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ramka odnośnika - menu wordpress

VPS Starter Arubacloud
0 głosów
687 wizyt
pytanie zadane 16 maja 2022 w HTML i CSS przez Agraf Nowicjusz (150 p.)

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ą.

 

komentarz 16 maja 2022 przez Comandeer Guru (599,730 p.)
Bez kodu/adresu strony trudno coś powiedzieć.
komentarz 16 maja 2022 przez Agraf Nowicjusz (150 p.)
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.

1 odpowiedź

+2 głosów
odpowiedź 16 maja 2022 przez Comandeer Guru (599,730 p.)
wybrane 16 maja 2022 przez Agraf
 
Najlepsza

"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;
}

 

komentarz 16 maja 2022 przez Agraf Nowicjusz (150 p.)
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.
komentarz 16 maja 2022 przez Comandeer Guru (599,730 p.)

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.

komentarz 16 maja 2022 przez Agraf Nowicjusz (150 p.)
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

Podobne pytania

0 głosów
1 odpowiedź 155 wizyt
pytanie zadane 28 października 2022 w HTML i CSS przez michalMonster Początkujący (390 p.)
0 głosów
1 odpowiedź 2,033 wizyt
pytanie zadane 14 maja 2019 w HTML i CSS przez francus11 Gaduła (3,250 p.)
+1 głos
1 odpowiedź 157 wizyt
pytanie zadane 8 września 2020 w HTML i CSS przez Mateusz450 Początkujący (380 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...