Images not centered
-
When I insert images into posts the vertical ones are not centered even with
<img class="aligncenter
added.Example here, 3rd image: http://eyewonderphotography.com/jessica-brandon-maternity/
My other sites dont have that problem but I havent been able to figure out what it is in my css causing the issue.
Appreciate any help! Thanks
Here is whats under my Image section:
.featureimg { display: block; text-align: center; line-height: 0; } img.centered { display: block; margin: 12px auto 12px; padding: 0px; } img.alignnone { padding: 0px; margin: 12px 0px; display: inline; } img.alignright { padding: 0px; margin: 12px 0px 12px 24px; display: inline; } img.alignleft { display: inline; padding: 0px; margin: 12px 24px 12px 0px; } .aligncenter { margin: 12px auto 12px; } .alignright { float: right; margin: 12px 0px 12px 24px; } .alignleft { float: left; margin: 12px 24px 12px 0px; } .wp-caption { background: #F9F9F9; max-width: 100%; text-align: center; padding: 0px 0px 6px 0px; margin-bottom: 12px; border: 1px solid #DDDDDD; } .wp-caption img { max-width: 96%; margin: 0px auto 0px; padding: 6px 6px 0px 6px; } .wp-caption p.wp-caption-text { display: inline; font-size: 0.8em; line-height: 1.6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .postarea.full .featureimg img, .postarea.full .featurevid, .postarea.blog-full .featureimg img, .postarea.blog-full .featurevid, .postarea.blog-small .featureimg img, .postarea.blog-small .featurevid { display: block; text-align: center; margin: 12px auto 12px; overflow: hidden; } .postarea.portfolio .featureimg, .postarea.portfolio .featurevid { text-align: center; line-height: 0; margin: 0px auto 0px; overflow: hidden; } .postarea .featureimg.page img { float: left; margin: 0px 30px 30px 0px; }
Viewing 11 replies - 1 through 11 (of 11 total)
Viewing 11 replies - 1 through 11 (of 11 total)
- The topic ‘Images not centered’ is closed to new replies.