[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...

[adottauncane]

Probabilmente sì ma non conosco bene Gantry e di conseguenza non so come si fa ad assegnare un ID al body...
Mo' consulto il sito di uno che conosci e così mi imparo... 

[$Red]

no il mio caso penso era diverso, la home non c'entra o c'entra poco, praticamente ho dato la trasparenza alla sezione navigation ed un valore in px negativo alla sezione header perche in tutte le pagine principali degli articoli, visualizzazione blog per capirci, ci sono slideshow immagini quindi ho fatto questa cosa per avere lo stesso effetto che si ha in home, la trasparenza navigation , cosi è helium di default, poi ho messo la particles fixed header con sfondo nero, il problema era che avendo impostato la trasparenza al navigation, nella pagine degli articoli che non hanno slideshow nella sezione header il logo e le voci di menu erano illegibili

[$Red]

Ciao Enzo, scusami tanto mi era "scappato" il tuo post grazie mille dei complimenti.

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?

Allora.. inizialmente avevo optato per utilizzare la particle già presente nel template alla fine però ho deciso di usare slideshow CK, piu impostazioni da pannello senza sbattere sui css, la navigazione da smartphone è perfetta nessun problema! almeno a me cosi sembra, da android nexus, visualizzazione flessibile del browser, e anche il proprietario del sito con "mela bacata", iphone, dice che gli piace.

[xplosion]

Probabilmente sì ma non conosco bene Gantry e di conseguenza non so come si fa ad assegnare un ID al body...
Mo' consulto il sito di uno che conosci e così mi imparo... 

[xplosion]

no il mio caso penso era diverso, la home non c'entra o c'entra poco, praticamente ho dato la trasparenza alla sezione navigation ed un valore in px negativo alla sezione header perche in tutte le pagine principali degli articoli, visualizzazione blog per capirci, ci sono slideshow immagini quindi ho fatto questa cosa per avere lo stesso effetto che si ha in home, la trasparenza navigation , cosi è helium di default, poi ho messo la particles fixed header con sfondo nero, il problema era che avendo impostato la trasparenza al navigation, nella pagine degli articoli che non hanno slideshow nella sezione header il logo e le voci di menu erano illegibili

Allora avevo capito male io. Mi sembra che nelle pagini/schede dei ristoranti, il menu non e trasparente, quindi pensavo che volevi la trasparenza del menu soltanto in home.
Mea culpa 

Ad ogni modo, complimenti ! bella grafica

[$Red]

Allora avevo capito male io. Mi sembra che nelle pagini/schede dei ristoranti, il menu non e trasparente

era proprio questo il problema  prima era trasparente e doveva diventare con sfondo nero, com'è ora ma solo nella pagina singolo articolo.

quindi pensavo che volevi la trasparenza del menu soltanto in home.

così è già di default con helium questo mi fà pensare che il nostro esperto gantry non ha ancora provato helium?? 

Ad ogni modo, complimenti ! bella grafica

Grazie  mi sto sentendo quasi male con tutti questi complimenti, quasi quasi comincio a farlo seriemente per lavoro! comunque è anche tanto merito delle foto, non mie!

[xplosion]

non c'è la faccio con helium, solo ossigeno 

[enzoman]

Allora.. inizialmente avevo optato per utilizzare la particle già presente nel template alla fine però ho deciso di usare slideshow CK, piu impostazioni da pannello senza sbattere sui css, la navigazione da smartphone è perfetta nessun problema! almeno a me cosi sembra, da android nexus, visualizzazione flessibile del browser, e anche il proprietario del sito con "mela bacata", iphone, dice che gli piace.

Ciao $Red grazie mille per il consiglio sullo slideshow usato.
Relativamente alla visualizzazione su smartphone, il problema era mio perchè il browser non era aggiornato. Dopo l'aggiornamento del browser, ora si vede anche su smartphone.