Support » Fixing WordPress » Image alignment not working

  • When I insert an image and align it, it looks okay in the editor. When I save, however, and display the site post, it is as if I used alignment none. Also, the caption displays nicely in the editor, but not the same in the actual post. How did this release get out the door with such an obvious problem?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The CSS file of your theme may be overiding your alignment. Perhaps there is an img class in the content area that is set to do something else. E.g. if you CSS style.css file says that images float left then they will, even if you align an image to the right. Check your wp-content/themes/yourtheme/style.css for any img classes.

    I think this is the case with Elements of SEO 1.2. The css has this:

    #content p img{
    float: left;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-top: 7px;
    }

    And images do indeed float left, wherever I try to set them. Changing this to float:right does align them right – but that isn’t always what I want.

    What do I change it to, so the Flash upload setting don’t get over-ridden? I want images to float, but not always the same way.

    Maybe the images just don’t need to float – maybe the Flash uploader takes care of that?

    I had the same problem and i had no img tags in my css, have now tried to add a view to resolve the problem and its seem better but still my images are all over the place, my html viewer says my images should be left, center, right etc, so surely they should be nicely in a row as is in my editor, yet they are all over the place. EVEN when i delete all img tags that i added.
    this is the page where all img should be in a row but are not
    http://mafgirl.com/blog/2008/10/emerald-quay-south-point/

    You may need to add the css code found on this page to your theme’s style.css:

    http://codex.wordpress.org/CSS

    It works! 🙂
    http://codex.wordpress.org/CSS

    this was the fix:

    .alignleft {
    float: left;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image alignment not working’ is closed to new replies.