Forms not aligned on product page

When i go to :

Theme settings –> Shop –> Variable products –> Attribute swatches

and turn ‘Show selected option name on desktop and tablet’ on ‘Yes’, the variable forms on the product page are not aligned (which looks pretty ugly – please see screenshot).

When i turn it off, they are back aligned nicely.

Attachments:

You must be logged in to view attached files.

Hello,

Please share the wp login details of your site i will check and give you a possible solution.

Best Regards.

Thank you! Please see private content section for info.

Hello,

Your issue has been solved. I have added the below custom CSS code in the Theme Settings, please check the product page now after removing the browser cache.

.text-center .wd-label-side-lg .cell, .text-right .wd-label-side-lg .cell, .wd-label-side-lg.wd-swatches-name .cell {
    display: table-cell !important;
}
.text-center .wd-label-side-lg .value, .text-right .wd-label-side-lg .value, .wd-label-side-lg.wd-swatches-name .value {
    width: 100% !important;
}

Best Regards.

[Author]

Posts