Round corners for product variant options Wookie Theme

[Dialluredazzle]

I would like to round the corners of the product variant boxes . We are using Wookie Theme and the page that displays the boxes is as follows:

https://diallure.myshopify.com/products/link-ring-optimize-work 

Thanks in advanc

[GemPages · Accepted solution]

Hello @Dialluredazzle  

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
ul.tt-options-swatch li a {
    border-radius: 6px !important;
}
</style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[Dialluredazzle]

Thank you a lot! 

Now its okay 🙂 I tried it before with codes but didnt work apparently. 

[KetanKumar]

@Dialluredazzle 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.tt-options-swatch.options-large li a {border-radius: 10px;}

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.tt-options-swatch.options-large li a {
border-radius: 5px;
}

[BrianCoff]

Hi Dialluredazzle, 

There is actually a new theme available called Creative that allows you to make variants and other buttons on the site rounded, in fact, it allows you to choose just how rounded you would like them!

Here's an example from the theme demo:

Definitely worth checking out, sounds like it might be the perfect theme for you.

I'll link it below : 

Shopify theme - Creative 

All the best, 

Brian

[EasifyApps-Zoe]

Hi @Dialluredazzle,

I see that you have already received a suggestion to round the corners of the product variant boxes. However, I would like to propose an alternative solution that is simpler and doesn't require any coding. This solution can be beneficial not only for you but also for other members who may encounter similar issues in the future 🤗.

To implement this solution, you can utilize the free Easify Product Options app to create your custom options and choose the shape of the variant boxes.

Here's a quick demonstration of how you can use the app for your setup:

The Easify Product Options app offers more than just the ability to change the variant box shape. It is designed to help you effectively create and manage unlimited custom product options ✌️. I encourage you to explore its other features as well.