notice the mis-alignment compared to the post content
Um – no. On your home page, I see quite normally centred post captions.
Thanks for the quick reply. I think I probably explained this pretty poorly, I apologize.
It’s the image positioning on captioned photos. For example, the image on the post I attached above sits about 10px too high and maybe a few pixels in from the left border.
Ah! Now I see it! style.css – change:
notice the mis-alignment compared to the post content.wp-caption {
background-color: #F8F8F8;
border: 1px solid #DDDDDD;
line-height: 0;
margin: 0 5px 10px;
padding:0;
text-align: center;
}
to:
.wp-caption {
background-color: #F8F8F8;
border: 1px solid #DDDDDD;
line-height: 0;
margin: 0 5px 10px;
padding: 5px 0 0;
text-align: center;
}
Esmi- Thanks, that helped with aligning the image inside the caption area,which is great, but not entirely what I was going for. 🙂
I need the entire image (with the caption) to line up with the post content.
Here’s an illustration referencing the spacing issues that I’m talking about: Here.
style.css:
#content p, content li {
font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size: 12px;
letter-spacing: normal;
line-height: 16px;
color: #444444;
padding-top: 8px;
margin-top: 5px;
}
these lines are causing the image ‘misalignment’:
padding-top: 8px;
margin-top: 5px;
possibly change top to bottom to keep the paragraph spacing.
