How can I remove round color variants from a collections page?

Store Design
, , ,
1

hello!

I would like to know how can I remove a round color variants in a collection page. Maybe someone will be able to help.

Przechwytywanie.PNG
Przechwytywanie.PNG976×176 9.6 KB

2

Hi @paulinaz00 ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

Hi @paulinaz00 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

ul#product-grid > li > .vario-all-variant-wrapper {
    display: none !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

4

Unfortunately it doesn’t work :disappointed_face:

5

Are you trying to remove a variant option or trying to remove the border or what exactly are you trying to do here?

6

I’m trying to remove a variant option. The problem started when I installed the GLO Color Swatch Variant Image application, under the variants that I set myself, there were the empty ones that are now visible on the page. I thought it was a problem of the application, so I tried to combine and change different options but it didn’t work so I uninstalled the application and those blank variants remained

7

hi @paulinaz00

Try using the below CSS in base.css

#product-grid .vario-variant-wrapper {
    display: none;
}

Hope it helps…

8

No change :disappointed_face:

9

Can you share the URL please

10

Sorry for the late reply, Did you fix that problem?

You can try again with the following method:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :