Un utente ha chiesto informazioni su Kale di Wordpress

Problemi di colorazione della barra di navigazione

Un utente ha chiesto 👇

Ciao, grazie per aver creato un fantastico tema! L’ho amato finora.

Ho alcuni problemi relativi alla colorazione e spero che tu possa aiutarmi.

Voglio che tutte le voci di menu si blocchino al passaggio del mouse e rimangano verdi quando la pagina è attiva.

1. Nella barra di navigazione, quando la pagina “Avventure” è attiva, la scheda grigio chiaro rimane. Penso che questo possa accadere perché “Avventure” è una categoria, non una pagina o un post. Ho domande simili con i menu a discesa su “Esplora” e questi sono post in modo che possano collegarsi ai post visualizzati nella home page.

2. È possibile trovare la voce di menu “Esplora” per rimanere verde quando viene selezionato uno dei sottomenu inferiori? (Questi sono: “Parchi nazionali”, “Pacifico nord-occidentale” o “Viaggi nel mondo”.)

3. È possibile modificare in verde anche il colore grigio del widget della casella di ricerca nella barra laterale?

Ecco il CSS personalizzato a cui sono attualmente associato per colorare la barra di navigazione. Sono abbastanza nuovo su questo, quindi ti consiglierei qualsiasi recensione.

/ * Colore barra di navigazione * /
.navbar-default .navbar-nav> li> a: hover {
colore: # 284010;
colore di sfondo: # b2c4a8;
}
.menu a discesa> li> a: focus,
.drop-menu> li> a: hover {
colore: # 284010;
colore di sfondo: # b2c4a8;
}
.navbar-default .navbar-nav .current_page_item> a {
colore: # 284010;
colore di sfondo: # b2c4a8;
}
.current_category_item> a {
colore: # 284010;
colore di sfondo: # b2c4a8;
}
.navbar-default .navbar-nav> .open> a, .navbar-default .navbar-nav> .open> a: focus, .navbar-default .navbar-nav> .open> a: hover {
colore: # 284010;
colore di sfondo: # b2c4a8! importante;
}

Grazie mille in anticipo per il tuo aiuto!

(@jarektheme)

2 anni, 4 mesi fa

Ciao,

Grazie per averci contattato.

Vai su Aspetto → Personalizza → CSS extra e aggiungi il seguente CSS:

.navbar-default .navbar-nav > .active > a,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover,
.current-menu-parent > a {
    background-color: #b2c4a8;
    color: #284010;
}

Spero possa aiutare.

il migliore

(@ anonimo-16453565)

2 anni, 4 mesi fa

Hey katevista,

Inserisci semplicemente il codice CSS nel tuo CSS aggiuntivo da un personalizzatore del tema.

/*Navigation Bar Color*/

.navbar-default .navbar-nav > .current_page_item > a, .navbar-default .navbar-nav > .current_page_item > a:focus, .navbar-default .navbar-nav > .current_page_item > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,.current-menu-ancestor {
  background-color: #b2c4a8;
  color: #000;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #b2c4a8;
}

#mysticky-nav.wrapfixed {
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #b2c4a8;
}

/*End of Navigation Bar Color*/

Spero che ti aiuti a risolvere tutte le tue esigenze.

Grazie.

Lanciatore di thread

(@katevista)

2 anni, 4 mesi fa

Grazie ad entrambi per essere tornati da me così velocemente! Ho provato entrambi ed entrambi sono riusciti a correggere il colore per il post “Esplora” nel menu di navigazione. Tuttavia, la colorazione delle “Avventure” nella barra di navigazione è ancora disattivata quando quella pagina è attiva con ciascuna di esse. Inoltre, ci sono anche alcuni punti salienti verdi che si verificano nel menu di navigazione nel piè di pagina. Potete suggerire una revisione per bloccare in modo specifico la scheda “Avventure” quando è attiva ed evidenziare eventuali widget di navigazione inferiori?

Infine, uno di voi può suggerire una modifica per aggiornare il colore di sfondo per il widget della casella di ricerca? Appare nella barra laterale destra di questa pagina: https://www.thescenicvistas.com/2018/11/04/lagunas-altiplanicas/.

Grazie ancora per il vostro aiuto!

Lanciatore di thread

(@katevista)

2 anni, 4 mesi fa

** Non importa il problema delle “avventure”! Potrebbero essere necessari solo pochi minuti prima che la modifica abbia effetto. Ho appena aggiornato la mia pagina e quel pezzo ora sembra funzionare correttamente ora! 🙂

(@siniplyrathemes)

2 anni, 4 mesi fa

È più probabile che esegui la scansione di vecchie pagine dalla cache del browser.

Ecco il CSS che dovrebbe prestare attenzione al colore di sfondo. Regola il #value come desideri:

.widget.widget_search {
	background-color: #f00;
}

Cordiali saluti.

Lanciatore di thread

(@katevista)

2 anni, 4 mesi fa

Grazie! Ho il sospetto che potrebbe essere la domanda.

Ultima cosa: è possibile smettere di colorare la selezione del widget del menu di navigazione nel piè di pagina, ma mantenere le modifiche alla colorazione della barra di navigazione nella parte superiore della pagina?

(@ anonimo-16453565)

2 anni, 4 mesi fa

Per fare ciò, inserisci il codice CSS di seguito nel tuo CSS aggiuntivo da un personalizzatore del tema.

.footer-widgets .current-menu-ancestor > a {
  background-color: transparent;
}

Grazie.

Lanciatore di thread

(@katevista)

2 anni, 4 mesi fa

Grazie, ha funzionato perfettamente !!

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *