WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Images won't center

[Resolved] Images won't center

  • Hello everybody

    I’m using wordpress and it’s awesome. But, I have some problems with the F8 lite theme. As you can see in the link below, I have problems with centering my images. All is ok until I add a comment on the image (description)..I put them in the center but when there is the description it aligns left.
    http://wp.sajt.com.hr/wp/kolumne/analiza-internet-stranica-odjela-na-unizd-u/

    As you can see the third image from the bottom(without a description) is centered, the rest of them aren’t. When I remove comments they are centered again.

    Thank you all!

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    @esmi

    Forum Moderator

    Edit style.css and remove margin: 10px; from:

    .wp-caption {
        -moz-border-radius: 3px 3px 3px 3px;
        background-color: #F3F3F3;
        border: 1px solid #DDDDDD;
        margin: 10px;
        padding-top: 4px;
        text-align: center;
    }

    It works!

    That was quick! Hope all of my WP problems will be solved just as well:-)

    Thank you!

    esmi

    @esmi

    Forum Moderator

    No problem 🙂

    Thanks esmi! This helped me too. I spent forever trying to fix the margins, but when I just took it out everything worked perfectly!

    Hm I got the exact same problem. When I add a description, the image is left-bound and not centered anymore. If I try to add a <center></center> tag it doesn’t even help. My style.css looks a little different than the mentioned entry above.

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    I deleted the margin: 10px at .wp-caption but there is no difference.
    If I delete all the margins in the lower caption section it doesn’t make a difference, too.

    I have the same problem as you. Did you ever find a solution? What’s really killing me is that, with some image descriptions my centering code seems to “take,” while with others it doesn’t. I am going insane! The code I use is <div align = “center”;>DESCRIPTION</div>

    esmi left advice athat was very helpful to me

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Images won't center’ is closed to new replies.