Woocommerce Images and Product page display not working

[computers]

High scambler.
Thanks for that, such small silly error.
I actually had this code
.wp-caption-text {font: normal}
(the wrong one) in the Weaver Content tab Images, css section. Adjusted to .wp-caption-text {font-style: normal} and all good now.
I was close just not close enough.
Thanks again.

[BrimarBob]

Hi,

I used the Line

.container-woocommerce .entry-summary {clear:none;}

in my CSS file and that fixed the alignment of my images however like the original post, my image comes out very large – see the sample page – http://brimaruk.com/product/brimar-tp-kt66-matched-pair/    

WooCommerce uses the Featured Image for the product and that image is a 104×254 (In fact it loads correctly in the product details lower down the page but at the top it loads it as a 435×828 Image.  It also does this with the related product below.  The theme featured image settings dont have any effect on these pages at all either.  Is there a CSS patch that can resolve this?

Slightly more off topic, I have stopped using the Page Titles and Info Bar and use the hide options on the normal pages but these options aren’t available on the wooCommerce product pages – is there a way to do that too?

Thanks – Bob

[scrambler]

Your image is in a container that is set with a width:48% using the rule below

.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}

Then Woocommerce is using a rule

.woocommerce div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}

The width 100% makes the image use all the width of the container (48% of the content) which is much larger than the image size so it becomes fuzzy.

All that styling has nothing to do with the theme, so you really need to take it up with woocommerce

[BrimarBob]

Thanks for the quick reply scrambler 🙂 I will take it up with the woo guys – shall I ask them to sort the other bit with hiding the info bar and page title?.Bob

[scrambler]

If these pages are not using weaver but woocommerce option yes. But if they have no solution, you can use custom CSS to do the job.

[Author]

Posts