Image not centered

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jonathan Goldford

    (@jg-visual)

    12 years, 8 months ago

    The reason the image is aligned left is because of the following styles on line 1033 of your style.css file:

    .article img, img.article { margin: 1em; }

    Due to css specificity, this overrides the styles on line 1739 of style.css that reads:

    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    In order to center the image you can adjust the above code to read
    .aligncenter, div.aligncenter, img.aligncenter { ...
    instead of
    .aligncenter, div.aligncenter { ...
    Basically, you are just adding in img.aligncenter as a selector.

    Try that out and let me know how it works. If you aren’t able to edit the style.css file then let me know and I can write up another way to do it.

    Thread Starter redbourn

    (@eagerwatcher)

    12 years, 8 months ago

    That worked.

    Thanks for the speedy and helpful reply,

    Jane

    Jonathan Goldford

    (@jg-visual)

    12 years, 8 months ago

    Not a problem. Glad I could help.

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