Zmiana koloru podświetlenia Menu

Miejsce dotyczące zagadnień związanych z standardami WWW - problemy, rozwiązania.
no avatar
MM
 
Posty: 2
Reputacja: 0 pkt
Od: 23 lis 2020, o 11:23

Zmiana koloru podświetlenia Menu

przez MM » 23 lis 2020, o 11:32

Hejka,
Chciałabym troszkę zmienić menu z wybranego szablonu, niestety w darmowej wersji nie ma takiej opcji poprzez "wygląd-->dostosuj". Próbuję spersonalizować swoje menu poprzez "dodatkowy css". Udało mi się już zmienić: kolor czcionki, kolor czcionki nazwy strony, która jest obecnie wyświetlana (current-menu-ancestor), a nie mogę poradzić sobie ze zmianą koloru podświetlania jeżeli myszką najeżdżamy na menu. Mógłby ktoś pomóc? Jaki kod powinnam jeszcze wpisać?
Poniżej kod, który w tej chwili mam:

.tg-primary-menu > div ul li:active > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current_page_item > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current_page_ancestor > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current-menu-item > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current-menu-ancestor > a {
color: #b3995d;
}
.tg-primary-menu > div ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #002144;
}

no avatar
baltrek
Świeżak
 
Posty: 132
Reputacja: 9 pkt
Od: 30 paź 2020, o 17:43

Re: Zmiana koloru podświetlenia Menu

przez baltrek » 23 lis 2020, o 11:57

1. Zrób tak: Podaj link do strony oraz screen z zaznaczonym fragmentem który ma mieć inny kolor. Wtedy wchodząc na stronę odszukam sobie ten fragment w konsoli i pomogę i będę miał pewność że dodałaś styl do odpowiedniego diva lub innego znacznika

2. Jeżeli chcesz żeby kolor zmieniał się wtedy gdy najeżdżasz na tekst to musisz dodać to w taki sposób (przykład)

.tg-primary-menu > div ul li a:hover {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #002144;
}

' :hover ' oznacza moment w którym kursor znajduje się nad znacznikiem a

no avatar
MM
 
Posty: 2
Reputacja: 0 pkt
Od: 23 lis 2020, o 11:23

Re: Zmiana koloru podświetlenia Menu

przez MM » 8 sty 2021, o 23:46

Udało się poprzez:
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, a:hover, a:focus {
color: #ff0000 !important;

Dzięki




  • Podobne tematy
    Odpowiedzi
    Wyświetlone
    Ostatni post

Powrót do HTML, CSS, JavaScript

Kto przegląda forum Wordpress

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

cron