WordPress.org

Forums

Image alignment not working (7 posts)

  1. ad9f30
    Member
    Posted 6 years ago #

    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?

  2. educationthemes
    Member
    Posted 6 years ago #

    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.

  3. MoMowlam2
    Member
    Posted 6 years ago #

    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.

  4. MoMowlam2
    Member
    Posted 6 years ago #

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

  5. Marjolijn Harvey
    Member
    Posted 6 years ago #

    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/

  6. iridiax
    Member
    Posted 6 years ago #

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

    http://codex.wordpress.org/CSS

  7. mtonumaa
    Member
    Posted 6 years ago #

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

    this was the fix:

    .alignleft {
    float: left;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic