Template AT_tourist Top con background trasparente

[Spaccamiccia]

Salve a tutti, premetto che sono un neofita di configurazione joomla, per questo avrei bisogno di aiuto riguardo  alla possibilità di mettere un  background  trasparente nel top, cioè nella fascia dove c'è la scritta Everdream così da  intravedere la foto che metterò sotto. Spero di essere stato chiaro.
Grazie per la disponibilità.

[adottauncane]

Ciao,
benvenuto nel forum.
Serve un link al sito su cui lavori.

[Spaccamiccia]

Ciao, grazie......il link è www.everdream.it, attualmente il sito è offline

[adottauncane]

In realtà ha gia l'opacity, quindi ti conviene mettere anche lì un pezzo della foto di background, così:

Codice: [Seleziona]

#sp-header {    background: rgba(0, 0, 0, 0) url("/images/panorama.jpg") repeat scroll 0 0;    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);    height: 90px;}
l'immagine è di esempio.

incollalo alla fine del file template.css o se lo fai, nel file custom.css

[Spaccamiccia]

Ho inserito il codice  che mi hai suggerito adottauncane, nel custom.css ma  non ha sortito l'effetto che intendevo e non riesco a capire come modificarlo....forse qualche parametro errato..qualche indicazione?

[adottauncane]

Non saprei. ora hai il sito off-line. Ma funziona? Cioè vedi l'immagine? O non cambia niente?

[Spaccamiccia]

Si hai ragione ora è online, si funziona, credo sia una parte dell'immagine però ingrandita o roba del genere......forse qualche parametro da cambiare, comunque ti allego l'immagine della pagina.

[adottauncane]

Sì hai ragione, così non va, togli l'immagine.
Allora quella parte è trasparente, se provi a scorrere (chiudi la finestra) lo vedrai. Il bianco è quello che fa da background al body...
Quindi la foto che metterai sotto sarà visibile.
Non so dove vuoi mettere la foto però...

[Spaccamiccia]

In pratica vorrei ricreare lo stesso effetto che c'è nel demo del template At tourist
http://demo.agethemes.com/?theme=at_tourist
Quindi in teoria dovrei mettere la foto nella page title e non nel body.

[adottauncane]

Non saprei. Probabilmente c'è una posizione per la slide che finisce sotto al menù... Prova a vedere nel backend del template.
Si può alzare la parte con la foto che hai inserito:

Codice: [Seleziona]

#sp-main-body {
    margin-top: -90px;
}
da mettere al fondo del file template.css, ma secondo me lo puoi fare di default posizionado la foto dove c'è la slide della demo.

[Spaccamiccia]

Non saprei. Probabilmente c'è una posizione per la slide che finisce sotto al menù... Prova a vedere nel backend del template.
Si può alzare la parte con la foto che hai inserito:

Codice: [Seleziona]

#sp-main-body {
    margin-top: -90px;
}
da mettere al fondo del file template.css, ma secondo me lo puoi fare di default posizionado la foto dove c'è la slide della demo.

Avevi ragione, si può settare di default, con un po di difficoltà ma l'ho trovato, ora però mi è sorto un'altro problema e cioè usando sp page builder tutto il settaggio che fai di default con il template non è compatibile con il settaggio della pagina fatta con sp page builder e poi se volessi ricreare la stessa cosa con la foto sulla pagina fatta con sp page builder non trovo gli stessi settaggi del margine per avere la foto sotto al top. Spero di essermi spiegato....qualche dritta?

[adottauncane]

Non ho capito... Magari ti sei spiegato ma non conosco il template quindi non ho capito nulla...
Magari apri un altro 3D.