Cambiare colore voci di menù

mrpress01
(@mrpress01)

6 anni, 6 mesi fa

Ciao a tutti sono nuovo del forum e spero di aver postato nella sezione corretta. Sono qui per chiedervi gentilente aiuto per una modifica piuttosto banale al menù.
Il menù e composto cosi
HOME | CHI SIAMO | SERVIZI | CONTATTI

SERVIZI
– 1 SERVIZIO
– 2 SERVIZIO
– 3 SERVIZIO
– 4 SERVIZIO

Io semplicemente vorrei cambiare colore alla prima e alla terza voce del menù a tendina e alla seconda e alla quarta. Il colore di sfondo e quello del testo cosi come segue:

SERVIZI
– 1 SERVIZIO Sfondo nero, testo bianco
– 2 SERVIZIO Sfondo grigio, testo bianco
– 3 SERVIZIO Sfondo nero, testo bianco
– 4 SERVIZIO Sfondo grigio, testo bianco

All’inizio ho esaminato il codice html ed individuato l’ID dei vari elementi,

#menu-item-4810 {
background-color: valore;
coor: valore;
}

Ma purtroppo mi cambiava solo il contorno del testo. Ho provato anche ad assegnare una classe ad ogni voce di menù (ad esampio ciaociao)

.ciaociao {
background-color: #ffffff;
color: #000000;
}

ma non succedo nulla. La classe è assegnata correttamente perchè se digito
display: none; la prima voce scompare. non capisco perchè non mi cambia lo sfondo e il colore del testo,

IL TEMA UTILIZZATO è

theme51127 More Details and Demo
Version:3.1.2
Author:Template_Help.com
Parent Theme:CherryFramework
Child Theme
Description:A theme for WordPress 3.8.x

STRUTTURA HTML

<li id=”menu-item-4931″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children”>
<ul class=”sub-menu” style=”visibility: hidden; display: none;”>
<li id=”menu-item-4810″ class=”ciaociao menu-item menu-item-type-post_type menu-item-object-page”>1 servizi
<li id=”menu-item-4830″ class=”menu-item menu-item-type-post_type menu-item-object-page”>2 servizi
<li id=”menu-item-4825″ class=”menu-item menu-item-type-post_type menu-item-object-page”>3 servizi
<li id=”menu-item-4837″ class=”menu-item menu-item-type-post_type menu-item-object-page”>4 servizi

Grazie mille per l’aiuto che mi darete

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)

frazzi
(@frazzi)

6 anni, 6 mesi fa
dal custom CSS seleziona con il mouse il tasto che ti interessa e prenditi il nome che il tema associa al menù.
es. su un tema gratuito (Athena) su cui sto lavorando il codice del menù è:

ul.athena-nav > li.menu-item a

da queto poi basta aggiungere l’id dell’elemento che vuoi modificare e inserire il codice con le dovute modifiche nel CSS

es.
```
ul.athena-nav > li.menu-item-4810 a{
color:red;
} 
```
prova così.
Spero di esserti stato d’aiuto
- Questa risposta è stata modificata 6 anni, 6 mesi fa da frazzi.
Chi ha creato la discussione mrpress01
(@mrpress01)

6 anni, 6 mesi fa
ciao, grazie mille per la risposta. Forse ho capito male. io per individuare la classe del menù da chrome faccio ispeziona e trovo la classe, che nel mio caso è
nav nav__primary clearfix

e io ho ricomposto il codice cosi come segue:

ul.nav.nav__primary clearfix > li.menu-item-4810 a {
color: #ffffff;
background-color: #000000;
}

ma non funziona, probabilmente ho sbagliato qualcosa
- Questa risposta è stata modificata 6 anni, 6 mesi fa da mrpress01.
Moderatore Gloria Liuni
(@glorialchemica)

6 anni, 6 mesi fa

Ciao @mrpress01,
sembra tu non abbia scritto correttamente la classe nel CSS.

Se la tua classe si chiama nav nav__primary clearfix allora nel CSS diventa ul.nav.nav__primary.clearfix, in pratica un punto tra primary e clearfix e non uno spazio.

Facci sapere

Chi ha creato la discussione mrpress01
(@mrpress01)

6 anni, 6 mesi fa

Scusate il ritardo ma ultimamente ho avuto da fare, volevo informarvi che sono risucito ad ottenere ciò che volevo. Il problema non era tanto individuare la clesse o id, quello lo avevo fatto correttamente. Il problema era una regola CSS, un padding. ho sovrascritto le regole e ottenuto quanto desiderato.

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)

Il topic ‘Cambiare colore voci di menù’ è chiuso a nuove risposte.

Tag del topic

Visualizza