WordPress.org

1. BBombshell
   Member
   Posted 2 years 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:

   http://www.BrownBombshellBeauty.com
   http://www.BrownBombshellStyle.com

   Thanks!

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #
   

   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

3. BBombshell
   Member
   Posted 2 years ago #
   

   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!

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #
   

   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;
   }

5. BBombshell
   Member
   Posted 2 years ago #
   

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

6. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #
   

   You're welcome :-)

Topic Closed

This topic has been closed to new replies.