Variation location (label left dropdown right)

This topic has 2 replies, 2 voices, and was last updated 7 years, 9 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

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