Spazio sconosciuto tra header e slider HELIX3

[Vincenzo Paolozza]

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 ?

[marine]

Prova a mettere delle immagini più alte

[Vincenzo Paolozza]

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

[Limma]

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:

Codice: [Seleziona]

#sp-main-body {    padding: 100px 0;}Se il padding-bottom ti va bene, puoi provare questo:

Codice: [Seleziona]

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

[Vincenzo Paolozza]

E' gia qualcosa ... nel caso vorrei eliminare questo ulteriore spazio ? E' possibile?
Grazie mille!

[Limma]

E' gia qualcosa ... nel caso vorrei eliminare questo ulteriore spazio ? E' possibile?
Grazie mille!

Possibile, è possibile quasi tutto! Dipende da quanta fatica costa farlo...! 

Domanda: l'header di altezza 60px l'hai messo tu, se non ho letto male; giusto?

Codice: [Seleziona]

#sp-header, #sp-header .logo {    height: 60px;}Se sì, quanto era in origine?

[Vincenzo Paolozza]

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?

[Limma]

L'hai appena portato a 70px? 

[Vincenzo Paolozza]

Eh si, ma niente non so come risolvere,ci sto perdendo solo tempo

[Limma]

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

[Vincenzo Paolozza]

"abbiamo" provato di nuovo ad "allungare" la slide ma niente niente niente
Devo davvero arrendermi davanti a 10 px piu o meno bianchi ?

[Limma]

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ù:

Codice: [Seleziona]

#sp-header, #sp-header .logo {
    height: 90px;
}

Codice: [Seleziona]

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

[Vincenzo Paolozza]

Giusto, vabbe e' 90 che sicuramente e' meglio di 100 ..
Grazie mille..

[Limma]

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