WordPress non funziona allinea le immagini

wordpress non funziona allinea le immagini

Oggi vi racconto un problema che mi ha fatto penare non poco.

Ho costruito un sito in wordpress, con una delle ultime verisoni quindi 3.6 , ho messo un template preso da internet di quelli gratuiti. Tutto funzionava perfettamente ma quando sono andato a farlo vedere al cliente non funzionava l’allineamento delle immagini.

Ebbene si, qualsiasi comanda dessi all’editor testuale per allineare le immagini quest’ultime non rispondevano per nessun motivo.

Mi ritrovavo quindi delle immagini sempre a sinistra senza poterle formattare. Un vero disastro.

Il problema di questo mancato allineamento, dopo qualche ora di ricerca, era dovuto al file .css, quello che comanda lo stile e la formattazione della grafica del template che avevo usato.

Chi ha costruito quel template si era dimenticato di mettere dei codici precisi per l’ allineamento delle immagini. Questo perche proviamo ad allineare WordPress tira fuori dei codici tutti suoi, se non abbiamo definito la formattazione di questi codici nel template  non troveremo nessuna modifica quando andremo a formattarle.

La soluzione è aggiungere questo pezzo di codice al css del vostro tema.

Spero di avervi aiutato!

 

 

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}