Template Gantry - Modificare stile menu

[andreasuriani]

Ciao a tutti,
sono a chiedere il vostro aiuto per apportare una modifica al template gantry!
Premetto che non sono un grande esperto di css.
Ho queste due esigenze:
Nel sito www.andreasuriani.com, avrei bisogno che il menu in alto a dx fosse:


1) Senza quel fastidioso riquadro che c'è quando si passa con il mouse (a anche quando indica in che pagina siamo).
2) Che il menu venga abbassato, diciamo che deve sfiorare la linea in basso che divide lo sfondo bianco da quello grigio.


Ho cercato di capire come funziona "sto" Gantry, ma haimè, non ce l'ho fatta!!


Vi prego aiutatemi perché è da ieri sera che provo a cercare.. ed ora sono le 4 di notte! ))


Grazie mille in anticipo


Andrea

[adottauncane]

Ciao andreasuriani,
per i rettangoli del menù aggiungi questo al file gantry-custom.css

Codice: [Seleziona]

.gf-menu.l1 > li.active {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.gf-menu li:hover {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
Questo per abbassarlo:

Codice: [Seleziona]

.menu-block {
    margin-top: 60px;
}

[andreasuriani]

Ciao adottauncane,
grazie per la risposta.


io però non ho il file gantry-custom.css... Lo devo creare io e inserirlo nella cartella css ?

Mi sono risposto da solo


Si funziona!! Grazie mille!!!!!


Un ultima domanda:
Volendo creare un menu da moduli, che suffisso devo mettere per far si che il menu sia uguale a quello che ho?


Non sono riuscito a trovare una risposta!


Grazie ancora!!
And