Shopify themes, liquid, logos, and UX
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
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.
Solved! Go to the solution
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 %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
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!
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 %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.