Images Won't Center In Posts!!

  • Resolved mixmason

    (@mixmason)


    13 years, 1 month ago

    I can’t center any of the images in any post. They show up as being centered in the post editor but when they publish they’re always left-justified. I’ve removed the float-align:justify tag that was previously used in the template and a few other methods on this forum but can’t find anything that works. Can you help? I’d be oh so grateful.

    Example: http://mixmason.com/2011/03/08/jon-kwest-clear/

    Here’s code from my css stylesheet:

    [code moderated as per forum rules - a link to your site is sufficient to access all the stylesheets.]

    Thank you!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • kmessinger

    (@kmessinger)

    13 years, 1 month ago

    Too late for me to think straight but this code centers your image.
    <p align="center"><img class="none-img" title="Jon Kwest - Clear!!" src="http://mixmason.com/wp-content/uploads/2011/03/KWEST_RUN_DI_TRACK_OPT__48706_std.png" alt="" width="200" height="200" /></p>

    Maybe that will help pinpoint. Looks like maybe adding alignment to .none-img img would work.

    @mercime

    (@mercime)

    13 years, 1 month ago

    Add this to your theme’s style.css file:

    .aligncenter,
img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

    EDIT – took too long to answer 🙂

    Thread Starter mixmason

    (@mixmason)

    13 years, 1 month ago

    ahhh thank you both. i tried adding that code and still nothing!

    what gives? (i’m sure you can notice but i’m a bit new at this)

    @mercime

    (@mercime)

    13 years, 1 month ago

    What gives is that you placed the code I gave you before the entry img styling in your style.css which had display:inline; thereby superceding the styling for img.aligncenter.

    Move the code I gave you to the bottom of the style.css to supercede all other styling to the image

    Thread Starter mixmason

    (@mixmason)

    13 years, 1 month ago

    Thank you!

    I had to also remove a !important from the .entry img align tag, but it finally works.

    Really really appreciate all the help, guys!

    @mercime

    (@mercime)

    13 years, 1 month ago

    You’re welcome. Do change status of this post to Resolved in right sidebar. Cheers.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Images Won't Center In Posts!!’ is closed to new replies.