WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Post upgrade image align not working (4 posts)

  1. rogerthatok
    Member
    Posted 5 years ago #

    I just upgraded from 2.0.2 to 2.6.3. With 2.0.2 (and 2.3.2 on which I run another blog) when I use "align right", "align left", "align center" placement and word wrap works. With 2.6.3 word wrap does not work with any positioning and align right does not work at all.

    I read the Codex article on styling images and made some additions to my style.css file

    Specifically these:
    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    It doesn't seem like I should have even needed to do that since image alignment and word wrapped worked in 2.0.2.

    What am I missing?

    Thanks..

  2. abidavis
    Member
    Posted 5 years ago #

    I am also having the same problem and wondering why its not working.

  3. abidavis
    Member
    Posted 5 years ago #

    Found the solution to my image alignment issues here: http://wordpress.org/support/topic/194919?replies=9

  4. badz525
    Member
    Posted 5 years ago #

    /*fixing image positioning*/
    img {
    max-width: 95%;
    min-width: 50%;
    border: 10px solid #2c2c2c;
    }

    img:hover {
    border: 10px solid #363636;
    }

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

    img.alignright {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    display: inline;
    }

    .alignright {
    float: right;
    }

    this work for me.

    .alignleft {
    float: left;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic