css for the variations buy now button area?

Hi,

Having trouble with the layout of the single product - with variations (using Woothemes Subscriptions) - on my screen. (On mobile or small screen its just fine).

Everything's mashed up in one line, making it hard to choose variations.

woothemes.jpg

Where do I find the css - and what changes will be necessary?

Sincerely
Peter

Hi,
Could you please provide me with a URL to page where the issue is visible, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Try to add the following custom css code:

Code: Select all

.single-product .entry-summary div[itemprop="offers"] {
    margin-bottom: 0;
}


Sorry, no dice. Still: on a small scren = all fine, several line breaks. On a regular = all info in one line on top of another.

Ok, but I can't see the mentioned code on your website. Please add it, you can also add the following code:

Code: Select all

.single-product .variations,
.single-product .single_variation_wrap,
div.product form.cart div.quantity,
#content div.product form.cart div.quantity {
    float: none;
    margin: 0 auto;
}

div.product form.cart div.quantity,
#content div.product form.cart div.quantity {
  margin-bottom: 15px;
}


Perfect - that did the job. Thanks!

Peter