Images Won't Align Center in Arthemia Theme

  • Resolved BBombshell

    (@bbombshell)


    13 years, 11 months ago

    Hi,

    For some reason, images I upload to my 2 blogs won’t center. I upload them and select center, and they look correct in the dashboard. But when I publish the posts, the images automatically align to the left.

    Someone suggested I was missing css style for aligncenter. So, I tried adding this bit of code to the bottom of my style.css, but it didn’t work:

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

    What could be causing this, and how do I fix it? I have no clue what to try now.

    Thank You!

    My Blogs:

    https://www.BrownBombshellBeauty.com
    https://www.BrownBombshellStyle.com

    Thanks!

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

  • In brownbombshellbeauty.com, edit style.css and change:

    .post img, .post a img, #front-list img, #archive img {
    border: 1px solid #CCCCCC;
    margin: 0 10px 5px 0;
    padding: 2px;
}

    to:

    .post img, .post a img, #front-list img, #archive img {
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 2px;
}

    Image centring appears to be working on brownbombshellstyle.com

    Thread Starter BBombshell

    (@bbombshell)

    Thanks so much for your help! It totally did the trick on the first site!

    On the second, the problem only occurs every other 3rd post, it seems. Like here and here.

    Any idea on what I can do to keep center image alignment consistent?

    Again, thanks for your help. I greatly appreciate it!

    They’re captioned images so although the root cause is the same (your theme’s CSS is over-riding the aligncenter class) the solution is slightly different. Edit style.css and change:

    .post-content .wp-caption {
    -moz-border-radius: 4px 4px 4px 4px;
    background: #F7F7F7;
    color: #928A85;
    font-size: 80%;
    margin: 4px 10px;
    padding: 0.4em 0;
    text-align: center;
}

    to:

    .post-content .wp-caption {
    -moz-border-radius: 4px 4px 4px 4px;
    background: #F7F7F7;
    color: #928A85;
    font-size: 80%;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0.4em 0;
    text-align: center;
}
    Thread Starter BBombshell

    (@bbombshell)

    Fixed again! I never would have been able to fix this on my own! Thank you so much for your help! GREATLY appreciated!!

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images Won't Align Center in Arthemia Theme’ is closed to new replies.