Images not centering

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Tammy

    (@tammy4u2)

    9 years, 8 months ago

    I would like to center the images, but it doesn’t seem to center; align left or right works great.

    The images in the sidebar and at the bottom of the page are styled to center. Can someone please assist?

    http://jsrelectrical.com/jsr-electricians-grapevine/

    Thanks!
    Tammy

    bdanzer29

    (@bdanzer29)

    9 years, 8 months ago

    Hello Tammy!

    Here is what I did for the sidebar. Which other images where you wanting centered?

    div#secondary #text-5 {
    text-align: center;
}

div#secondary img {
    display: inline-block !important;
}

    Hope this helps!

    Thread Starter Tammy

    (@tammy4u2)

    9 years, 8 months ago

    Thanks that worked!

    The images in the body content. The image at the bottom is styled to center.

    http://jsrelectrical.com/sample-page/

    bdanzer29

    (@bdanzer29)

    9 years, 8 months ago

    Here is how to center that on the same page. Make sure that doesn’t affect any other pages.

    div#primary img {
    display: inline-block;
}

div#primary .p1 {
    text-align: center;
}

    Thread Starter Tammy

    (@tammy4u2)

    9 years, 8 months ago

    I’ve used this them many time and the center image worked without extra css styling. Why do you think I have to add the styling?

    I appreciate your help:)

    bdanzer29

    (@bdanzer29)

    9 years, 8 months ago

    I am not exactly sure, it could be a lot of factors. Depending on how you insert the media, and how your theme renders it.

    But I am glad I was able to help! 😀

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

The topic ‘Images not centering’ is closed to new replies.