Supporto » Aspetto = Temi » modifica menu tema emingway

  • Risolto gobbetto

    (@gobbetto)


    ciao, ho fatto alcune modifiche al tema emingway utilizzando il CSS Aggiuntivo, però non riesco a sistemare del tutto il menù

    se fosse possibile vorrei spostarlo al centro, poi al passaggio del mouse non cambia colore e di fianco alla scritta home c’è qualcosa ma non è visibile

    il link al sito è questo: http://itaeki.altervista.org/

    grazie

Stai visualizzando 13 risposte - dal 1 al 13 (di 13 totali)
  • Gloria Liuni

    (@glorialchemica)

    Ciao @gobbetto,
    in linea generale:
    – per centrare il menu: alle ancore ( a ) del menu (controlla l’albero delle classi) dai text-align:center;
    – per modificare il colore al passaggio del mouse: il classico a:hover { color:#ilcolorechevuoi}. Anche in questo caso controlla l’albero delle classi altrimenti imposti la regola su tutti i tuoi link.
    – se c’è qualcosa vicino alla scritta Home, ispezionalo con gli strumenti del browser e quando lo hai individuato dai diplay:none;

    Buon lavoro!

    • Questa risposta è stata modificata 5 anni, 7 mesi fa da Gloria Liuni.
    Chi ha creato la discussione gobbetto

    (@gobbetto)

    grazie della risposta ma potresti essere più specifico ? non sono molto esperto

    non riesco ad individuare la posizione/classe corrispondente

    Gloria Liuni

    (@glorialchemica)

    Ciao @gobetto,
    la prima cosa che ti suggerisco di fare è aggiungere qualche voce di menu, per avere più chiaro il comportamento del menu e comprendere come centrare le voci.

    La voce Home in questo momento non cambia colore al passaggio del mouse perchè è impostata la classe:
    .blog-menu .current-menu-item a { color: #fff; }
    che sta semplicemente dicendo che il colore della voce corrente (la pagina in cui sei insomma) deve avere colore bianco. Se aggiungerai delle voci di menu vedrai che al passaggio del mouse diventeranno rosse.

    Secondo me “la cosa non visibile affianco alla scritta Home” non è nient’altro che il cursore che rimane “a manina” per tutta la lunghezza dell’ elemento LI.

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    grazie ancora per la risposta

    per le voci del menu vedrò man mano che le aggiungo, pensavo che rimanessero centrate comunque alla pagina e si “allargassero” a destra e sinistra man mano che aggiungo le voci, come è adesso se ci sono poche voci è tutto spostato sulla sinistra e non è molto bello

    per il discorso del colore al passaggio del mouse hai ragione, aggiungendo link al menù cambiano anche i colori
    però il menù funziona al contrario della scritta AEKI, la scritta AEKI è bianca e diventa rossa al passaggio del mouse (e mi piace) mentre le scritte del menù sono rosse e al passaggio del mouse diventano bianche (preferirei il contrario)

    Gloria Liuni

    (@glorialchemica)

    Ciao @gobbetto.
    Grazie per aver aggiunto una voce di menu. Adesso è più facile analizzarlo 🙂

    Dunque per centrare le voci di menù devi aggiungere queste regole al tuo Custom CSS:

    ul.blog-menu {
    margin: 0;
    text-align: center;
    }

    .blog-menu > li {
    float: none;
    display: inline-block;
    }

    Per quanto riguarda invertire i colori dei link del menu devi aggiungere questi:

    /* colore default per tutti i link del menu */
    .blog-menu a {
    color: #fff;
    }

    /* colore da applicare al passaggio del mouse e per la voce della pagina corrente */
    .blog-menu a:hover, .blog-menu .current-menu-item a{
    color: #fb0000;
    }

    Se qualcosa non dovesse rispondere come ti aspetti prova ad aggiungere la dichiarazione !important
    Esempio:

    .blog-menu a {
    color: #fff !important;
    }

    Se non hai dimestichezza su come si analizza il codice con gli strumenti del browser, questo mi è sembrato un buon tutorial per cominciare!
    http://it.wikihow.com/Usare-lo-Strumento-Ispeziona-Elemento-in-Mozilla-Firefox

    E soprattutto: sperimenta e divertiti! 🙂

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    grazie mille

    ho messo questo codice, non so se alcune cose sono in contraddizione

    /* carattere e ombra AEKI */
    
    .blog-title a {
        color: #fff;
        font-weight: bold;
        text-shadow: 5px 3px 1px #000;
    	  font-family: Arial, Tahoma,      Helvetica, sans-serif;
    	  font-size:75px;
    }
    
    /* bordo e ombra quadrato AEKI */
    
    .blog-info {
        border: 10px solid black; 
        background: rgba(128, 128, 128, 0.3);
        padding: 15px;
    }
    
    /* scritta home */
    
    h2.post-title {
        text-align: center;
        font-family: Arial, Tahoma,      Helvetica, sans-serif;
    	font-size: 35px;
    }
    
    /* menu */
    .blog-menu a {
    	display: block;
    	padding: 27px 20px;
    	text-transform: none;
    	letter-spacing: 1px;
    	color: #fff;
        font-family: Arial, Tahoma,      Helvetica, sans-serif;
    	font-size: 20px;
    } 
    
    ul.blog-menu {
    margin: 0;
    text-align: center;
    }
    
    .blog-menu > li {
    float: none;
    display: inline-block;
    }
    
    /* colore da applicare al passaggio del mouse e per la voce della pagina corrente */
    
    .blog-title a:hover, .blog-menu a:hover, .blog-menu .current-menu-item a{
    color: #B90000 !important;
    }
    Gloria Liuni

    (@glorialchemica)

    Ciao @gobbetto,
    non ho capito se mi hai fatto una domanda 🙂

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    😀

    più o meno si, se hai voglia di dare un occhiata al codice che ho messo, il risultato visivo è giusto ma non so se il codice è giusto dal punto di vista logico (se ci sono doppioni o condraddizioni ecc)

    grazie !

    Gloria Liuni

    (@glorialchemica)

    Ciao @gobbetto,
    sì il CSS va bene, non ci sono contraddizioni o doppioni.
    Sono contenta tu sia riuscito nelle modifiche che volevi apportare! 🙂

    Buon proseguimento

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    grazie mille, adesso il problema viene con la parte mobile, sinceramente pensavo che wordpress facesse tutto da solo ma mi sono accorto che non è così

    a questo punto devo scegliere/creare un tema anche x i dispositivi mobili ? come posso farlo uguale ?

    ciao

    Gloria Liuni

    (@glorialchemica)

    Ciao @gobbetto,
    io non ho capito la tua domanda. Il tema è già mobile-friendly.
    Che cosa non va bene?

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    si, chiedo scusa, sono io che sono stupido 😀

    disattivando il tema mobile esce il tema corretto

    grazie mille

    p.s. adesso dovrei risolvere il problema della galleria/tabella ma ho già aperto un altra discussione

    Chi ha creato la discussione gobbetto

    (@gobbetto)

    il tema della discussione è risolto direi

    grazie

Stai visualizzando 13 risposte - dal 1 al 13 (di 13 totali)
  • Il topic ‘modifica menu tema emingway’ è chiuso a nuove risposte.