Supporto » Aspetto = Temi » Cambiare colore voci di menù

  • mrpress01

    (@mrpress01)


    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)

    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 5 anni fa da frazzi.
    Chi ha creato la discussione mrpress01

    (@mrpress01)

    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 5 anni fa da mrpress01.
    Gloria Liuni

    (@glorialchemica)

    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)

    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.