Size Guide

Hello team,

I would like to request assistance in setting the size and color options on the left side, with the size guide button placed in the middle. For a better understanding, please refer to the screenshot attached.

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.single-product .wd-action-btn.wd-style-icon>a {
    top: 55px;
}

Best Regards.

Thanks, it’s working fine now.

Can we shift the colour and size left instead of the center?

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.text-center table.variations tbody, .text-center table.variations tr, .text-right table.variations tbody, .text-right table.variations tr {
    right: 30px;
    position: relative;
}

Best Regards.

ello,

Thank you, the code is working fine, but the color has not shifted on the right side. Please find the URL below: https://akshatraghava.website/product/bold/

Could you please check it?”

Attachments:

You must be logged in to view attached files.

Hello,

Please try to use the below custom CSS code and paste it to Theme Settings > Custom CSS > CSS for desktop section:

[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg {
    right: 60px;
}

Best Regards.

[Author]

Posts