Return to previous page

Variation location (label left dropdown right)

This topic has 2 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Olga Barlow

  • Avatar: pt1011
    pt1011
    Participant
    June 26, 2016 at 07:05

    as it is right now the label for variations appear above the variation dropdown, suggested way to have the level left and dropdown inline right (and full width)?

    #131105 Copied
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 27, 2016 at 09:38

    Hello,

    It’s not suitable for those who has long titles for attributes, but if it’s ok for you then just add the following code in Theme Options > Styling > Custom CSS > Global custom

    
.product-information table.variations td.label, .product-info-wrapper table.variations td.label{
    float: left;
    margin-right: 10px;
}
.product-information table.variations td.value, .product-info-wrapper table.variations td.value{
    width: 85%;
    float: right;
    margin-bottom: 20px;
}
.product-information table.variations td.label label, .product-info-wrapper table.variations td.label label{
    margin-bottom: 0;
    margin-top: 12px;
}

.product-information table.variations td.value select, .product-info-wrapper table.variations td.value select{
margin-bottom: 0;
    width: auto;
}
.product-information table.variations, .product-info-wrapper table.variations{
    width: 100%;
}
.product-information .cart, .product-info-wrapper .cart{
    width: 100%;
}

    Regards

    #131162 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘variation location (label left dropdown right)’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.