[Risolto] Gantry 5 aggiungere regola CSS solo a pagina articolo

[$Red]

Ciao a tutti, avendo dato la trasparenza alla zona g-navigation del template helium in tutte le pagine, come già presente di default in home, perche contengono degli slider immagini ho il problema che nelle pagine degli articoli estesi la posizione g-navigation, con logo e testo bianco, risulta illegibile, quindi dovrei inserire la regola css

Codice: [Seleziona]

#g-navigation {
    background: #000 !important;
}in modo da dargli lo sfondo nero, ma cosi facendo andrebbe a "sovrascrivere" l'impostazione della trasparenza in tutte le pagine, penso che si puo fare aggiungendo qualcosa vicino #g-navigation, ma non so proprio cosa, mi potete aiutare per favore? grazie mille a tutti 

[adottauncane]

Ciao,
un linkino?

[$Red]

Ciao  certo, scusa lo inserisco nel tag code 

Codice: [Seleziona]

goo.gl/88P8gfcome puoi vedere la sezione #navigation è trasparente visto che sotto ci sono le immagini, però c'è il problema delle pagine articolo singolo, ho provato anche a creare uno slite da mettere di default ma penso che se alla voce d menu che richiama gli articoli in visual. blog c'è impostato un determinato stile me lo carica anche nei singoli articoli, e putroppo essendo gantry non posso usare advanced template manager grazie mille 
 

[adottauncane]

Prova così:

Codice: [Seleziona]

.g-fixed-container {
    background-color: #000;
}
molto bello! 

[$Red]

Prova così:

Codice: [Seleziona]

.g-fixed-container {
    background-color: #000;
}

niente non funziona 

molto bello! 

Grazie 
Edt: scusa!! FUNZIONAAA!! lo dico sempre che sei la regina dei css  GRAZIEEE faccio qualche giro di test per vedere se nfluisce su altro e metto risolto 

[adottauncane]

Son regggina!

[$Red]

Son regggina!

ahahahha, sei meglio dai!! 

[adottauncane]

Si è vero, in realtà son così...

[$Red]

Sembra funzionare bene, non capisco perche la carica un pò lento, comunque è ancora tutto da ottimizzare per me è [Risolto] ho tolto pure un pò di padding alla zona mainbar cosi c'è un pò meno spazio sopra. Grazie ancora 

 

Si è vero, in realtà son così...

bhè veste sicuramente meglio 

[adottauncane]

Penso che sia l'effetto del conteiner fisso che si applica solo quando muovi.
Prova così eventualmente, magari lo carica subito:

Codice: [Seleziona]

.g-fixed-container #g-navigation{background-color:#000}
Io non riesco a vederlo perché se ricarico ovviamenete non mi tiene la modifica...

[$Red]

scusa ho fatto un pò di pausa  avevo gia questa

Codice: [Seleziona]

#g-navigation.g-fixed-element {
    background-color: #000 !important;
}è ho aggiunto

Codice: [Seleziona]

, #g-navigation.g-fixed-containersembra un pò meglio ma forse è anche un bel pò colpa del plg di condivisione social

edit: mi sono sbagliato, non funziona  , se aggiungo navigation mi sovrascrive la regola su tutte le pagine.

[enzoman]

Complimenti! Davvero bello!
Relativamente allo slider delle immagini hai usato un componente esterno oppure Gantry permette di per se gli slider di immagini?
Relativamente alla visualizzazione da smartphone, riesci a navigare correttamente?

[adottauncane]

scusa ho fatto un pò di pausa  avevo gia questa

Codice: [Seleziona]

#g-navigation.g-fixed-element {
    background-color: #000 !important;
}è ho aggiunto

Codice: [Seleziona]

, #g-navigation.g-fixed-containersembra un pò meglio ma forse è anche un bel pò colpa del plg di condivisione social

edit: mi sono sbagliato, non funziona  , se aggiungo navigation mi sovrascrive la regola su tutte le pagine.

Prova a mettere solo questo:

Codice: [Seleziona]

.g-fixed-container #g-navigation{background-color:#000}
togliendo le prime due righe che hai adesso.

[xplosion]

Ma hai provato da assegnare un ID per l'outline Helium Home ?
Così puoi scrivere la regola CSS per g-navigation che viene applicata solamente quando il body ha un certo ID, quello da te assegnato.
Qualcosa del genere :
body#miobody > #g-navigation{leregolechemipare;}

[$Red]

Prova a mettere solo questo:

Codice: [Seleziona]

.g-fixed-container #g-navigation{background-color:#000}
togliendo le prime due righe che hai adesso.

funziona!!  anche sullo scroll di pagina, inutile averne due che fanno la stessa cosa! grazie grazie 

Ma hai provato da assegnare un ID per l'outline Helium Home ?
Così puoi scrivere la regola CSS per g-navigation che viene applicata solamente quando il body ha un certo ID, quello da te assegnato.
Qualcosa del genere :
body#miobody > #g-navigation{leregolechemipare;}

Ciao xplosion, il problema non era l'assegnazone a questo punto, ma solo che caricava un pò lentamente la regola 

[$Red]

come non detto  mi metto lo sfondo anche dove non dovrebbe 

[$Red]

vabèè! per ora lascio cosi

Codice: [Seleziona]

#g-navigation.g-fixed-element, .g-fixed-container {
    background-color: #000 !important;
}poi vedro di ottimizzare

[adottauncane]

Dove lo mette che non riesco a vederlo?

Codice: [Seleziona]

.g-fixed-container #g-navigation{background-color:#000}Perché eventualmente non lasci solo

Codice: [Seleziona]

.g-fixed-container {background-color:#000}

[adottauncane]

Ma hai provato da assegnare un ID per l'outline Helium Home ?
Così puoi scrivere la regola CSS per g-navigation che viene applicata solamente quando il body ha un certo ID, quello da te assegnato.
Qualcosa del genere :
body#miobody > #g-navigation{leregolechemipare;}

Come si farebbe in questo caso?

[xplosion]

Come si farebbe in questo caso?

Assegnando un ID al body per l'outline Home, si può scrivere regole css che vengono applicate soltanto a ciò che viene mostrato su homepage, come nel suo caso.
Siccome la visualizzazione del articolo utilizzerà un outline diverso, il body non avrà quel ID, e di conseguenza la regola non verrà applicata.
Non so se mi sono spiegato...