Swatch cutting out on the sides.

Can you help with the swatches. It appears to cut off the sides, and it makes the perceived shape not to be a complete circle.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website. It seems that you are using images for attribute items that are square.

Screenshot for Clarification: https://ibb.co/m83F3BW

Please add round images for them then clear cache and check back.

Best Regards.

Can I make the swatches to be square instead?

Hello,

To Make the swatches to square Please add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-woocommerce-layered-nav .swatches-normal .filter-swatch > span {
border-radius: 0;
}

And add the following CSS to make the swatch on the product grids to square.

.swatch-on-grid.swatch-with-bg {
border-radius: 0;
}

Best Regards.

Thanks, it works. Can you also help me to make sure that the highlight is also square?

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome. To Make the highlight square please try and add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-woocommerce-layered-nav .filter-swatch > span::after {
border-radius: 0;
}

Best Regards.

Thanks again.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Xtemos Studio.

[Author]

Posts