WordPress 2.6 and images

WordPress v2.1Minor information about using WordPress v2.6 (the latest revison of this great blog/web-site-wrinting tool).

I had a few difficulties to ensure that images where correctly aligned and displayed after the improvements in their presentation in WP2.6. For those really interested, I ended up adding the following to my CSS file:

/*************************************/
/* Align code for WP2.6 compatiblity */
/*************************************/
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

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

Thanks to the support of the WordPress.org forum.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.