Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : tomtomeight 03 Apr 2015, 19:23:50

: [Risolto] Disabilitare div solo su una pagina
: tomtomeight 03 Apr 2015, 19:23:50

Buonasera

Sono ancora sul problema di far visualizzare in primo piano la mappa, poiché andava sotto ho creato un link per riportarla in primo piano ( vedi a hotelgrazia.it/resort-grazia-terme/dove-siamo.html) ed in effetti va su. Devo però nascondere il footer o almeno la sua barra e aggiunger un margine al header per scoprire le scelte fra mappa e satellite in alto a destra.

Ho assegnato alla pagina un suffisso custom class,  dfcustom permesso dal template helix2, mentre la classe che dovrei rendere non visibile è sp-footer-wrapper e quella da aggiungere un margin-top è sp-header-wrapper.
Come concateno le classi per applicare il codice css?

Ho provato con:

:

.dfcustom .sp-footer-wrapper{

display:none;

}
per il footer ma non scompare

: Re:Disabilitare div solo su una pagina
: alamo 04 Apr 2015, 08:44:28

Ciao
non vedo nella pagina la classe dfcustom, vedo però una classe menu-google-map-ischia che forse potresti usare. in effetti con

:

.menu-google-map-ischia #sp-footer-wrapper {display: none;}
il footer scompare, guarda se può esserti utile.
Ciao e grazie per l'impegno sul forum.

: Re:Disabilitare div solo su una pagina
: tomtomeight 04 Apr 2015, 09:44:54

Ciao e grazie, sì così funziona anche se resta comunque una parte superiore trasparente che copre ancora la mappa, devo studiarci ancora ma almeno un passo avanti è stato fatto.
Devo capire perché la classe agggiunta dfcustom non compariva ma va bene così per il momento.

: Re:Disabilitare div solo su una pagina
: alamo 04 Apr 2015, 12:10:01

Per la parte superiore che copre la mappa potresti provare così:
sostituire

:


.menu-google-map-ischia #sp-header-wrapper {

margin-top: 25px;

}
con

:


.menu-google-map-ischia #sp-header-wrapper {

position: absolute;
top: 25px;
width: 100%;
}
e aggiungere

:

.menu-google-map-ischia #sp-main-body-wrapper {height: 0; padding:0 !important;}
Ciao

: Re:Disabilitare div solo su una pagina
: tomtomeight 08 Apr 2015, 21:46:06

Sì ho provato anche questo codice e mi ha liberato la parte sotto l'header ma non mi ha scoperto i pulsanti della mappa in alto a destra per cui ho preferito proprio abbassre la mappa ed adesso i pulsanti stanno a destra sotto l'header. Rimane mascherato solo la parte di estensione dei calendari drl modulo booking. Metto risolto per ora. Grazie.