Solved

Swatches not showing up on product page and collection?

ozuriindia
New Member
9 0 0

I'm encountering an issue on both my product and collection pages where certain color swatches appear as white, despite not being white. All color swatches display correctly in the collection page filter section.

011.png022.png

Accepted Solution (1)
Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Here is new css code for that:

 

label[for*='rose'] {
    --swatch-background: #b96b77 !important;
}

 

Old code  you need to remove.

 

Regards,

Emirates7

View solution in original post

Replies 6 (6)

Emirates7
Shopify Partner
197 44 47

Hi Ozurindia,

 

Can you provide your store url?

 

Regards,

Emirates7

ozuriindia
New Member
9 0 0
Emirates7
Shopify Partner
197 44 47

Hi,

 

Go to Online Store -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

 

    label[for*='rose'] {
        background: #b96b77 !important;
    }

 

1.png

 

Regards,

Emirates7

ozuriindia
New Member
9 0 0

Thank you! It's almost solved, but the swatch appears a bit larger.

011(2).png

 

Can you fixed this?

Emirates7
Shopify Partner
197 44 47

This is an accepted solution.

Here is new css code for that:

 

label[for*='rose'] {
    --swatch-background: #b96b77 !important;
}

 

Old code  you need to remove.

 

Regards,

Emirates7

ozuriindia
New Member
9 0 0

Thank you so much