Post upgrade image align not working

  • Resolved rogerthatok

    (@rogerthatok)


    16 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..

Viewing 3 replies - 1 through 3 (of 3 total)

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

    Found the solution to my image alignment issues here: https://www.ads-software.com/support/topic/194919?replies=9

    /*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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Post upgrade image align not working’ is closed to new replies.