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)?

    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

  • 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

Helpful Topics

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