Woocommerce Images and Product page display not working

[computers]

Woocommerce is not playing nice with Extreme (paid version). And Woocommerce say if it’s another theme that we are using, to contact them, being you in this case.
If you have a look at this page for example http://www.westernrural.com/product/box-trailer/  you will see that the Item description is pushed right down under the images but on the right.
I have tested as to whether it’s an extreme theme issue and it is, without doubt.
OK, So I can’t get the description to start at the top and it appears that image sizes are not being obeyed either. Neither the Woocommerce settings or the WP settings, as near I can tell.
I have tried this option http://forum-archive.weavertheme.com/discussion/3287/weaver-ii-pro-woocommerce-image-problem  and it partially works, putting the code in to CCS Custom field.

If you can’t help me, I understand and I will have to find someone to do it for me, along with a couple of other things I would like changed. Any suggestions?

[thesurge]

I will be building a site with Xtreme and Woocommerce in the near future so I am interested in any potential issues that I may encounter, looking at your page with Safari web inspector shows the following CSS on the description container:

.entry-summary {clear:both;}

when I uncheck that rule the description box moves up to the correct position.

[Weaver]

The example page link no longer works.

Depending on how different Woocommerce items are styled (what wrapping classes they have), it might be possible to provide a set of specific classes to adjust different things.

The rule @thesurge found is necessary to have regular posts display properly. It might be possible to find a more specific rule to apply just the the specific type of Woocommerce post in question.

[scrambler]

I am sure we can come up with custom CSS to fix the issue, but we need a page that shows the problem, and your reference goes to a page not found.

[Gillian]

There were just some extraneous characters at the end of the URL – the correct link is
http://westernrural.com/product/box-trailer/

[scrambler]

@computers

OK, so just add the rule below in Main options > Fonts & Custom > CUstom CSS Rule box

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

That will override the clearing from the theme and let the description be on the same level as the images.

About images sizes not being obeyed, I don’t see it, so you need to give us more details.

[computers]

scrambler and others. Thank you for that help. that fixed it perfectly.
Re: The images I think they are OK, may fiddle with that one more later, but for now it works.
Don’t understand what was happening with that URL I posted, but yes some thing was adding extra characters to the end of it for some weird reason.
Now if I can only work how to get rid of that Stupid heading “Product Description”. under the tabs, I will be even happier. I know this is not related to this theme but if anyone can point me in the right direction would be very appreciative. The css and scss files are not getting me anywhere.
woocommerce pages are currently down.

Thanks again

[scrambler]

.woocommerce-tabs #tab-description h2.font-default {display:none;}

Make sure to test it does not hide something you don’t want

[computers]

Absolutely bloody fantastic. Thanks scrambler.

Can I ask just one more question for the moment?
Where did the Site Width settings go too?
I’m sure it was in Weaver pro, but I can not find it anywhere now. Want to play with the width a little.

[Gillian]

Main Options > Wrapping Areas > Wrapper Area > Theme Width

[computers]

Thanks Gillian. Look there and looked there and obviously kept looking past it.
Have literally been having trouble seeing the last few days, maybe it’s worse than I thought.

[computers]

scrambler
I updated the weaver etreme theme to 1.0.2 exactly as I read it to be done and now the code you gave me to remove the “Product Description” text does not work.
.woocommerce-tabs #tab-description h2.font-default {display:none;}
I can’t even see where it’s appearing in the source code of the displayed page, but this other code and other code is still working .container-woocommerce .entry-summary {clear:none;}
There has been no other updates, including no Woocommerce updates.
Can you please help with what has happenned?
I have tried changeing the theme to 2015 and then back again to weaver and no change

[scrambler]

There was a change in the Font classes in that version, change the rule to

woocommerce-tabs #tab-description h2 {display:none;}

[computers]

Terrific, thanks that got it.

[computers]

scrambler
Can you help with something else that is bugging me.
Image captions are in italics. Have tried a number of things but can not seem to work out where it’s getting the instruction from, nor have I been able to Normalise it with css codings.
EG page http://westernrural.com/products-2/tanks-troughs/
TIA

[scrambler]

It looks like you tried
.wp-caption p.wp-caption-text, #content .gallery .gallery-caption,.entry-attachment .entry-caption .wp-caption-text {font: normal}

But the right CSS rule is

.wp-caption p.wp-caption-text, #content .gallery .gallery-caption,.entry-attachment .entry-caption .wp-caption-text {font-style: normal}

When you have a doubt on CSS syntax, there are plenty of good CSS reference sites on google you can use like the ones at the bottom of the post below

http://forum.weavertheme.com/discussion/1207/basic-tips-on-using-the-developer-tools-like-firebug-to-resolve-styling-issues

[Author]

Posts