colorare la voce attiva e far rientrare le sotto voci

[frasigno]

Ciao  tutti
Sto utilizzando il template Helix3 ma non sono soddisfatto di come visualizza il menu verticale.
Mi piacerebbe far cambiare di colore la voce attiva e magari quando ci sono le sotto voci farle rientrare rispetto a quella principale.
Per fa cambiare il colore sto provando con:
.sp-module.current.active > a {color: #red ;}
Ma senza nessun risultato altrimenti non sarei qui 
Invece per far rientrare le voci del menu rispetto a quella principare non so da dove iniziare
Questo è il sito http://www.escrowenergy.com/newsite/index.php?option=com_content&view=article&id=23&Itemid=145
il menu in questione si trova sul lato destro.

Come potri risolvere??
Grazie
Franco

[adottauncane]

Ciao,
per la prima

Codice: [Seleziona]

.sp-module ul > li.current a {
    color: red !important;
}
se metti red non devi mettere il cancelletto.
Fatti però un file custom.css per mettere le modifiche. Basta farlo nella cartella css, è già richiamato dal .php

[adottauncane]

Per la seconda, non è proprio il massimo ma provala...

Codice: [Seleziona]

.sp-module ul > li > a {
    margin-left:17px;
}

.sp-module ul > li > a::before {
    margin-left:-17px;
}
e controlla sui vari supporti.

[adottauncane]

La seconda che ti ho messo serve a far rientrare la seconda riga della voce menù. Non ho capito se era quello che volevi. Se no, rispiegamelo...

[frasigno]

Intanto grazie mille per il tuoi aiuto 
Allora per quanto riguarda il colore delle voci, ho provato il tuo codice e funziona al 90% nel senso che se per un motivo clicco sulla prima voce del menù, che sarebbe poi quella principale tutto il menù diventa rosso

Per il rientro delle sotto voci ti allego un'immagine per spiegare meglio quello che vorrei fare. Cmq ho provato il tuo codice e sposta l'intero menù non solo la voce principale.
Sembra che helix3 non gestisca bene i menu sidebar come se non tiene conto delle sottovoci. Mi era anche venuto un dubbio che avessi fatto un errore nel creare il menù, ma lo stesso spostato in offcanvas funziona perfettamente.

Che dici?? si può cmq risolvere?
GRazie

[adottauncane]

Non hai messo l'immagine comunque crado di aver capito.

Sostiyuisci con questo tutto il css fino ad ora inserito:

Codice: [Seleziona]

.sp-module ul li li.current a {
    color: red;
}

.sp-module ul > li > a {
    margin-left:17px;
}

.sp-module ul > li > a::before {
    margin-left:-17px;
}

.sp-module li {
    padding-left:10px;
}

[frasigno]

Allora sembra che funzioni ho solo aggiunto ad ogni voce #sp-right altrimenti mi creava uno spostamento delle voci anche nel menu offcanvas, dici che è una cattiva soluzione.
Lo testo con altri menù e ci metto RISOLTO.

Grazie mille del tuo aiuto e scusa per l'immagine mancante 

[adottauncane]

Allora sembra che funzioni ho solo aggiunto ad ogni voce #sp-right altrimenti mi creava uno spostamento delle voci anche nel menu offcanvas, dici che è una cattiva soluzione.

No, anzi. Più dettaglio c'è meglio è...