Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Vincenzo Paolozza 03 Mar 2017, 21:26:09
-
Buonasera a tutti, ho un problema che non riesco a risolvere da due giorni ...
Sto usando Helix3 come template di tutte le pagine e su tutte le pagine sia in locale che in remoto mi compare uno spazio tra header e slider ( SP SMART SLIDER)
www.paolozza.altervista.org/joomla
Mi aiutate a risolvere ?
-
Prova a mettere delle immagini più alte
-
Grazie della risposta .. primo avevo la slider a 1920 x 800
Ho cambiato a 1920 x 1000 ma niente rimane lo stesso quello spazio ... ho controllato anche margin e padding di tutte le sezioni implicate in quello spazio ma sono tutte a zero.. ho fatto un unica modifca cioe ho ridimensionato header a 60 px tramite custom code preso dalla documentazione helix
-
Grazie della risposta .. primo avevo la slider a 1920 x 800
ho controllato anche margin e padding di tutte le sezioni implicate in quello spazio ma sono tutte a zero.. ho fatto un unica modifca cioe ho ridimensionato header a 60 px tramite custom code preso dalla documentazione helix
In realtà c'è un padding-top e bottom a 100px su sp-main-body che "distanzia" tutti i content delle pagine, non solo quello della home dove c'è lo slider:
#sp-main-body { padding: 100px 0;}
Se il padding-bottom ti va bene, puoi provare questo:
#sp-main-body { padding: 0 0 100px;}
Così la pagina "risale" verso l'header, mantenendo, naturalmente(!), i padding left e right a 0 come deve essere, e lasciando (se ti va bene) il padding-bottom a 100px.
Vedrai che anche così resta un "vuoto" tra l'header e la slide, ma molto meno di prima.
Prova un po' e vedi se ti può andare bene.
-
E' gia qualcosa ... nel caso vorrei eliminare questo ulteriore spazio ? E' possibile?
Grazie mille!
-
E' gia qualcosa ... nel caso vorrei eliminare questo ulteriore spazio ? E' possibile?
Grazie mille!
Possibile, è possibile quasi tutto! Dipende da quanta fatica costa farlo...! ;) :D
Domanda: l'header di altezza 60px l'hai messo tu, se non ho letto male; giusto?#sp-header, #sp-header .logo { height: 60px;}
Se sì, quanto era in origine?
-
Inizialmente era a 100 px, effettivamente rimettendolo a 100px quello spazio scompare..
ma un header cosi alto non mi piace.. come posso rivolvere quello spazio vuoto con header a 60px?
-
L'hai appena portato a 70px? ;)
-
Eh si, ma niente non so come risolvere,ci sto perdendo solo tempo :(
-
Ho visto che per un po' lo avevi rimesso come di default, giusto?
A me non dispiaceva, bisognava solo centrare in "altezza" le voci di menu e le immagini. Per il resto non era male.
P.S. Ma adesso che "abbiamo" ridotto il padding-top non potresti provare a mettere immagini più alte come aveva scritto il moderatore marine. Magari ora funziona...
-
"abbiamo" provato di nuovo ad "allungare" la slide ma niente niente niente
Devo davvero arrendermi davanti a 10 px piu o meno bianchi ?
-
Devo davvero arrendermi davanti a 10 px piu o meno bianchi ?
Beh... Ho visto di molto peggio...
In ogni caso prova questo e vedi se ti convince un po' di più:
#sp-header, #sp-header .logo {
height: 90px;
}
.sp-megamenu-parent > li > a, #offcanvas-toggler {
line-height: 90px;
}
Questo secondo codicetto "centra" le voci di menu nei 90px di altezza dell'header.
Resta da "centrare" l'immagine a dx, ma quella l'hai fatta tu "su misura", giusto?
-
Giusto, vabbe e' 90 che sicuramente e' meglio di 100 ..
Grazie mille..
-
...Magari qualcun altro ha una soluzione per i tuoi 60px...
Hai provato a chiedere sul forum di Helix3?
Se l'header così ti sembra ancora troppo "alto" e un po' "vuoto", puoi provare a ingrandire un pelo il font delle voci di menu e a ridimensionare l'immagine a dx.
Giusto per dire... ;) :)