Return to previous page

Variation location (label left dropdown right)

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

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

Copied

1 Answer

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

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

Variation location (label left dropdown right)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection