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.

Hello,

Apologies for the delayed response. I’ve implemented the code you provided, but it seems that the ‘Size Guide’ button is not clickable after adding it. Could you please check this for me? I’ve already shared the WP-login details in the private content.

Thank you.

Hello,

You are hiding the Size Guide Button icon on your site with custom css. Navigate to Appearance > Customize and remove the CSS.

Best Regards.

Ok, can you please help me where to remove that code? because i’m unable to find the code.

Hello,

I have commented out the code. Navigate to Appearance > Customize > Additional CSS > Check the code in 5 and 22 lines. Check back your site and check the issue.

Best Regards.

[Author]

Posts