Alright, stumped again. I wanted my first paragraph on single view to be styled differently. So, the text/thumbnail combination are in a div, the leading paragraph also has it's own class. So basically the output is:
<div class="thumbText">
<a href="link.com" title="post title"><img width="150" height="150" src="image source" class="attachment-thumbnail wp-post-image" alt="famlogo1" title="famlogo1" /></a>
<p class="lead"> blah blah my first paragraph text</p>
<div class="clear"></div>
</div><!--end .thumbText-->So nothing too wierd, and the css:
body.single .entry-content .thumbText img{
float:left;
margin: 0 5px 5px 0;
width: 150px;
height: 150px;
}
body.single .entry-content .thumbText p.lead {
font-size: 1.1em;
font-style: italic;
}floats the thumbnail left, wraps the text on the right, and does stuff with the text. Simple right?
Well, when I put font-style: italic; (or oblique) in there, the thumbnail disappears. I just see a thin line which is part of the border for the image that should be there. The image loads in the source, and if you hover over where it should be you see the alt text, and the fact that the image is linked. So the <a> portion remains, but not the <img>. Take just that line out, and all is well.
Any idea what gives here? What's hiding my thumbnail?
http://www.rvoodoo.com pick any post to view on single view to see the issue
Thanks again ya'll!
