Top

HIDE

Snippets NO!

FALSE

Pagine

Blogger, Anartisis: COME TOGLIERE LO SPAZIO sotto l'HEADER in una pagina.

Come rimuovere lo spazio sotto l'header di una pagina in Blogger con il tema Anartisiss In questo articolo spieghiamo come eli...

Come rimuovere lo spazio sotto l'header di una pagina in Blogger con il tema Anartisiss

In questo articolo spieghiamo come eliminare lo spazio sotto l'header in una pagina di Blogger, utilizzando il tema Anartisiss. Questa guida è utile per chi desidera un layout più compatto e privo di spazi indesiderati. I passaggi coinvolgono modifiche al CSS e, se necessario, l'uso di uno stile specifico per singole pagine.

Nota bene: fai sempre una copia prima di agire

Prima di procedere se sceglierai di fare modifiche nel tema grafico ricordati di fare un copia (backup) così da poter ripristinare in caso di problemi.

Identificare i tre elementi principali

Per rimuovere lo spazio sotto l'header è necessario agire su tre elementi CSS:

1. header

2. #outer-wrapper

3. .post-body

Tutti e tre questi elementi devono avere un margine impostato a 0px. Procediamo con ordine.

Modifica dello stile dell'elemento header

L'elemento header spesso include uno stile che genera uno spazio sottostante. Per risolvere questo problema, inserisci la seguente regola CSS:

Questo codice utilizza la proprietà !important per assicurarsi che il margine venga effettivamente impostato a 0px, anche se esistono altre regole che potrebbero sovrascrivere questa impostazione.

Gestire lo spazio nell'elemento #outer-wrapper

L'elemento #outer-wrapper potrebbe avere un margine superiore definito da una variabile nel tema. Nel tema Anartisiss, questo margine è configurato attraverso la variabile main.content.margin.top, che si trova generalmente intorno alla riga 120 del codice CSS.

Ecco come modificarlo:

1. Trova la variabile main.content.margin.top nel file CSS del tema.

2. Assicurati che i valori siano impostati a zero:

In caso di difficoltà, modifica direttamente la variabile nel file CSS del tema, sostituendo tutti i valori della variabile con 0px.

Aggiustamento dello stile per .post-body

Lo spazio aggiuntivo nella sezione del contenuto del post, identificata come .post-body, può essere rimosso aggiungendo questa regola CSS:

Puoi aggiungere questa regola nel blocco <style> della pagina HTML, oppure inserirla nel file CSS globale del tema.

Applicazione specifica per una sola pagina

Se desideri eliminare lo spazio solo su una determinata pagina, puoi aggiungere il codice CSS direttamente nel blocco <style> della pagina interessata. Ad esempio:

In questo modo, le modifiche saranno applicate esclusivamente alla pagina desiderata, senza alterare il resto del sito.

Conclusioni e raccomandazioni

Effettuare queste modifiche CSS permette di eliminare gli spazi indesiderati sotto l'header nel tema Anartisiss di Blogger. Verifica sempre le modifiche nel tema e controlla eventuali effetti collaterali sulle altre sezioni del sito. Ricordati sempre di fare una copia del tema prima di apporvi delle modifiche.

Nessun commento