Compatibility means in function and not necessarily styling. Because there is no telling how you setup your content for WC to accommodate every type of situations. Looking at your site, you just need to adjust the CSS in terms of the left and right side containers.
Also if you’re going to be using a default theme, I would recommend 2012 instead of 2010.
What code do I need to add?
Which CSS file? Twenty Ten style.css?
Or are you referring to the Woocommerce css? (Which is one giant blog of a mess even using Wordwrap).
Thanks a lot for your help! 😀
Add something like this at the end of your theme style.css
.product .entry-summary { clear:none; }
If that is doesn’t work “not specific enough”, then use this:
.product .entry-summary { clear:none !important; }
YOU ROCK! THANKS!
ps- Would be cool to have the text “wrap” after it clears the image, but I’ll settle for this any day!
Thanks so much. Had the same problem, found so many “solutions” that were not working for Twenty Ten and this simple line just solved it. You DO rock!
Hi Guys. I seem to be having the same problem, when i updated woocommerce, my single product image became huge and pushed all my text below. I fixed the image, but the bounding box(whatever it’s call) stayed the same & still there. Leaving a white gap next to my smaller image. When I move my mouse over the white area it shows the images description. It also affected my shop page images.
Here is my Website: Nuleaf Tea Co.
How did you fix it? I entered the above code, but maybe i entered it in wrong. Can you give me the before & after code to?
I can’t seem to fix the problem too even after inserting the codes.. Please see here: https://gorgeoushides.com.au/shop/black-white-10-xl/
I’m at my wits end. Can anyone please advise what to do? Cheers.