Centrare il contenuto delle colonne

In questo videotutorial vedremo come centrare il contenuto delle colonne, cioè, lo spazio tra il contenuto e il bordo delle colonne.
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo 
a - Fate il login 
b - Cliccate su "Modifica HTML" 
c - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Iniziamo con la Colonna centrale…
1 – Cercate il blocco di codice:

#main-wrapper {   width: 430px;   margin-left: 15px;   background:#eeeeee;   float: left;   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */   overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */   }

e subito dopo inserite il codice sotto:

#main {   margin: 10px;   text-align: left;   color:$pagetitlecolor; }

Centriamo il contenuto della Colonna Destra
2 – Cercate il blocco di codice:

#right-sidebar-wrapper {   width: 220px;   background:#eeeeee;   margin-right: 0px;   float: right;   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */   overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */ }

e subito dopo inserite il codice sotto:

#right-sidebar {   margin: 10px;   text-align: left;   color:$pagetitlecolor; }

Centriamo il contenuto della Colonna Sinistra
3 – Cercate il blocco di codice:

#left-sidebar-wrapper {   width: 220px;   background:#eeeeee;   margin-left: 0px;   float: left;   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */   overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */ }

e subito dopo inserite il codice sotto:

#left-sidebar {   margin: 10px;   text-align: left;   color:$pagetitlecolor; }

Cliccate su “ANTEPRIMA” e se siete sodisfatti salvate il template, cliccando su “SALVA MODELLO” . Facile no??? Vi aspetto nel prossimo tutorial dove vedremo come migliorare l’aspetto del template, sistemando meglio la larghezza e i margini tra le colonne….
Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:

Articoli correlati per categorie

 Abbonati gratis a questo blog      

Torna Su