Changing Img size to allow text wrapping

[vanessac]

Hi everyone!
I am working on this website where I have just started using WooCommerce. http://www.chi-analysis.com.
The product and category pages have images on it like this page here: http://chi-analysis.com/product/agg/.
I had some image size issues and now it seems the text is no longer wrapping around the image like it did before.

I have this code in the stylesheet:
body div.product div.images img, body #content div.product div.images img {
width:auto;}

I have tried changing the width to 200px with no change in the div.images size that I see when I do "Inspect Element".
I have also tried adding the max-width in this line:
img {
height: auto;
max-width: 33%
}

And of course both at the same time. Is there some other place this information is pulled from?
Or any other tips to try and get this to line up properly?

Thanks in advance for your help!
Vanessa

http://www.chi-analysis.com

[stinkykong]

maybe try:

.images {
float: left;
min-width: 200px;
}
.zoom img {
width: 80%;
}

I did that in Firebug and it seemed to get the text to wrap.

---

Web Design by Websentia Web Services
http://websentia.com

[vanessac]

Thanks for the advice but it didn't help.
The coding appears to be in the <div class="images"> section but I don't know where to change that.
Any other thoughts?

[Author]

Posts