We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Color swatch colors are same

Solved

Color swatch colors are same

Damonizy
Excursionist
16 0 3

Hello! On my color swatch Gold color and Rose gold color looks same. how do I change that to real rose gold color?  I'm using elle theme.

Screenshot (23).png
Accepted Solution (1)

DaisyVo
Shopify Partner
4469 501 600

This is an accepted solution.

Hi @Damonizy 

 

I hope you are well. You can follow our instructions below:


Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for </head> tag: https://prnt.sc/KWtKYyZkDtYJ
Step 4: Add the following code above </head> tag

 

Here is the code for Step 4:

 

 

{% if product.id == 8729800212707 %}
{% style %}
fieldset.product-form__input.product-form__swatch:has(input[name="Color"]) > label.product-form__label:nth-child(5) > span {
    background: #DCAA97 !important;
}
{% endstyle %}
{% endif %}

 

 

image (42).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 2 (2)

Sonya_2025
Shopify Partner
364 38 64

Hi @Damonizy 

Please make sure your color name match the name from this website

You can set up color swatch correctly refer to this document

Hope this helps!

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME

DaisyVo
Shopify Partner
4469 501 600

This is an accepted solution.

Hi @Damonizy 

 

I hope you are well. You can follow our instructions below:


Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for </head> tag: https://prnt.sc/KWtKYyZkDtYJ
Step 4: Add the following code above </head> tag

 

Here is the code for Step 4:

 

 

{% if product.id == 8729800212707 %}
{% style %}
fieldset.product-form__input.product-form__swatch:has(input[name="Color"]) > label.product-form__label:nth-child(5) > span {
    background: #DCAA97 !important;
}
{% endstyle %}
{% endif %}

 

 

image (42).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution