Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : salsaweb 02 Sep 2013, 14:59:12

: [RISOLTO] Header trasparente gantry 4
: salsaweb 02 Sep 2013, 14:59:12
Salve a tutti. Esiste un modo per rendere l' header trasparente su gantry 4?

Ho provato a mettere sul gantry-custom.css sia

#rt-header {background-color: trasparent; }

che

#rt-header {background-color: rgba (255,0,0,0.1); }

in entrambi i casi rimane grigio scuro (se imposto dark) e bianco se imposto light.

Suggerimenti?  8)
: Re:Header trasparente gantry 4
: $Red 02 Sep 2013, 15:33:13
ciao, io ho effettuato la stessa cosa, il codice che ho usato è cosi
:
body #rt-header {background: #4c5e3d !important;} la differenza sta che io ho usato il codice colore verde e funziona
: Re:Header trasparente gantry 4
: giusebos 02 Sep 2013, 16:53:50
la cache di gantry è disabilitata vero?
: Re:Header trasparente gantry 4
: salsaweb 02 Sep 2013, 17:15:51
Si se metto un colore funziona. Il problema è che poichè sto usando bgmax per gli sfondi a piena pagina mi servirebbe l'header trasparente...
La cache è su ON ( Menu-->Module Cache, giusto?)

: Re:Header trasparente gantry 4
: giusebos 02 Sep 2013, 17:34:17
in fase di sviluppo, creazione e modifica template, le cache tutte, sito e template devono essere disabilitate su off

a scuola ci insegnavano

off come off-inito
on come on-cominciato

naturalmente con un po di cadenza toscana ;)
: Re:Header trasparente gantry 4
: salsaweb 02 Sep 2013, 17:41:30
 :)
Tutto disabilitato, cache sito off, cache template off.

Ho aggiunto al gantry-custom

#rt-header
{background-color: transparent;
}
Ma lo vedo sempre con lo sfondo nero(dark)  :P
: Re:Header trasparente gantry 4
: giusebos 02 Sep 2013, 18:04:39
background:none;

forse è l'istruzione giusta.
: Re:Header trasparente gantry 4
: salsaweb 02 Sep 2013, 18:56:15
provato anche bacground:none

Niente  :(

Ho provato anche su #rt-top e è lo stesso. Resta sempre il colore nero o bianco a secondo dello style header impostato.

Bel dilemma....
: Re:Header trasparente gantry 4
: salsaweb 02 Sep 2013, 19:11:53
Ho Risolto!. Posto la soluzione, magari potrebbe essere di aiuto a qualcuno

Bisogna modificare nel file header-dark.less

(cartella: templates/gantry/less)

le righe 9-10 da

// Top Section -----------------
@topbackground:            #3b3b3b;
@topbackground2:        #2e2e2e;

a

// Top Section -----------------
@topbackground:            transparent;
@topbackground2:        transparent;

Grazie a tutti

SW




: Re:[RISOLTO] Header trasparente gantry 4
: mau_develop 02 Sep 2013, 20:49:28
si, se ogni volta che ricarichi la pagina usi less per compilare il css quello che dici è corretto, perchè se cambi il css less quando compila lo sovrascrive.

Quello che non mi sembra normale è compilare il css tutte le volte che carichi il template...
: Re:[RISOLTO] Header trasparente gantry 4
: salsaweb 02 Sep 2013, 21:53:25
E lo so ma non ho trovato una soluzione alternativa purtroppo...
: Re:[RISOLTO] Header trasparente gantry 4
: salsaweb 08 Sep 2013, 05:57:22
Creado che la migliore soluzione funzionante è

opacity: 0;

Mi ci sbatto da una settimana e non ci avevo pensato prima  :o