your text before the image is too short, so that the image is ‘catching’ on the corner of the ‘no comments yet’ div.
two choices:
– write another line or two of text;
or
– add a line like this to style.css:
.wp-caption.alignleft {clear:left;}
not tested widely; only checked in firefox with the web develper add-on.
Try adding:
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
to your theme’s stylesheet.
Hi and thanks for trying to help.
I added alchymyth’s code to my style.css file and it ‘dropped’ the image down a bit so that it doesn’t look like it’s hitting the ‘no comments’ div section. But it didn’t fix the image overflow problem.
Then I removed alchymyth’s code and inserted esmi’s code instead into the style.css file and nothing happened at all. (I saved and updated and refreshed both instances)
Then I tried adding BOTH suggested codes into the style.css file and played around with the alignment of the image again and still nothing. Any other thoughts?
Thanks
the theme does not seem to allow this easily.
the class of the image in the clix site is:
.full-image {
margin-left: -15.2em;
}
so, he is using the negative left margin to pull the image into the ’empty’ space.
(he also mentions that his site uses a customized version of the theme)
you could try to add this style ( .full-image ) somehow to your wp-caption div (maybe using the html editor) and using a full width image 590px wide.
Hi Guys,
By adding
.full-image {
margin-left: -15.2em;
}
to my style.css, and specifying
<div class="full-image">
on my horizontal images in the html section then, along with esmi’s and alchymyth’s code it works.
Thanks so much guys!
This is resolved? The theme comes with basically broken images, and the solution is to go in and add div information to every single image you’ve ever posted on your blog?
