Hi, i’m looking to change the ‘sold out’ font to a different colour in the Impulse theme. I managed to find this in product-grid-item.liquid if this helps.
{%- if has_custom_label -%}>
{{ custom_label }}>
{%- else -%}> {%- if sold_out -%}> > {{ ‘products.product.sold_out’ | t }}>
{%- endif -%}> {%- if on_sale and sold_out == false -%}> > {{ ‘products.general.sale’ | t }}>
{%- endif -%}
Thanks!
Hello,
Please share your site url and screenshot.
So that I can check and let you know the exact solution here.
Your site is password protected. Please share your store password.
pm’ed the password
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
.grid-product__tag.grid-product__tag--sold-out {
color: red;
}
Note: Change the color as per your choice
thank you very much
Hey there, Thank you for this. I’d tried another suggestion on the forum, and it didn’t seem to work, so this is great. Would you happen to have something that can be added to the code to change the background color from white to black, if possible? I really appreciate any help you can provide.
Hello Tommy86,
Please share your site url.
You could also control the color and font size with this code added to the very end of theme.css.liquid;
.grid-product__tag.grid-product__tag–sold-out {
color: red;
font-size:1.3em;
}