Layout problem with Woocommerce in Xtreme Pro

[barbeluk1]

Hi all,

I’ve used Woocommerce a lot in Weaver Pro II and am trying my first site using it in Xtreme Pro. 

I’ve come across a layout issue on the product page. See this page:

http://heatherward-recordermusic.co.uk/product/blown-away-book-1-descant-recorder-for-beginners/

The product title should sit next to the product image but for some reason, it’s shoved down (only in Xtreme).

Can anyone help please?

Many thanks,

Andy 

[scrambler]

First just to avoid confusion, it is Xtreme with the “Plus” plugin, not Xtreme Pro 🙂

To remove the clear that is on the entry summary, the rule below placed in Main Options > Fonts & Custom > Custom CSS Rule box should do the trick

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

[Maureen]

Thanks Scrambler. Very timely answer. I am working on my first e-commerce site and came across the same issue as @barbeluk1.  A few hours later there was the solution!

You are very smart cookie! 

^:)^

[barbeluk1]

Fabulous! Many thanks Scrambler.

Good luck with your first ecommerce site @Maureen 🙂

[dmarstein]

I have been struggling with this one also. While this appears to be working for barbeluk1 at http://heatherward-recordermusic.co.uk/product/blown-away-book-1-descant-recorder-music-beginners/ and computers at http://westernrural.com/product/box-trailer/, the same solution is not working for me at http://tonyhorowitz.com/wordpress/product/warm-up-to-consistency-pdf/.

I have tried .container-woocommerce .entry-summary {clear:none;} and .container-woocommerce .entry-summary {clear:none !important;}, but I can’t get the description to move up next to the image.

Amy suggestions would be greatly appreciated.

[scrambler]

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

Works just fine on your site

But your rule is not working because you have a CSS syntax error in your custom CSS. You have a semi colon after the first rule, see below in red

/* Custom CSS rules for Black and White sub-theme */
.widget-title {font-size:1.0em};
.container-woocommerce .entry-summary {clear:none !important;}

these should be

/* Custom CSS rules for Black and White sub-theme */
.widget-title {font-size:1.0em;}
.container-woocommerce .entry-summary {clear:none !important;}

When a custom CSS rule does not work, I is usually a syntax error in the rule, or in one above that breaks the CSS file

[dmarstein]

Oh my. I missed that. Thank you, thank you, thank you!

[Author]

Posts