How can I center and change the color of my color swatches?

[siw]

Hi Shopify community

I am currently struggling with the color swatch feature. First of all, I would like the small dots/the swatches to be centered on the page - on the screenshot below you can tell that they are currently aligned to the left. I have tried to fix it in my code, but can’t seem to figure out how. Last thing is that I don’t know how to change the color of the color swatches - because right now they are all white… I hope someone can help me out.

Link to my Shopify webshop (password: “niicefood9”): https://shallow.dk/

The best regards

Siw Kjeldgaard :))

[KetanKumar]

@siw

oh sorry for that issue can you please check your theme setting its allow this option

[siw]

It is already allowed under theme settings so that is not the issue:

[KetanKumar]

@siw

thanks i hope are you fixed that issue

[siw]

No, the issue is not fixed. Color swatches is allowed and they are visible, but I can’t figure out how to edit the colors? How do I change the colors of the swatches? Because right now they are all blank/white…

[KetanKumar]

@siw

oh sorry can you please share your store url so i will check and let you know what’s issue

[siw]

The URL is already at the top of my post (my original question) - but here it comes again: https://shallow.dk/

Thank you very much

[KetanKumar]

@siw

can you please send screenshot if you have add color swatch in your product also send product url

[siw]

Hey I have figured it out! I should just upload some png images with the color variant name and then the colors changed automatically into the png file with that specific name. Wasn’t aware of that, but I feel a bit embarrassed for asking the question now. Thank you for your help though.

[Ksamek30]

Hello -

Can you share your process for adding the colors to update the swatch? I’m having the same issue where they are all blank or white.

[KetanKumar]

@Ksamek30

oh sorry for that issue can you please share your store url