How to Change the Color of Product and Compare Price? shopify 2024

[williamproject]

i cant find the base.css, i wanna change color of product and compare price.

this is my link https://www.william-project.com/

[lynth]

Try going to the online store, then click on the three dots next to the customization button and select the edit code action. Next, find the CSS file. It might be named differently than base.css, depending on the theme. It could be custom.css or something similar. Then paste your styles there.

[williamproject]

should i try the 3 .css ?

[williamproject]

i only have those

[Tal19]

in your theme there is a file called styles.css

you can add the following css and change the color to your preferred one

span.was-price.theme-money {
    color: red;
}

[williamproject]

great! it worked but i wanna put red on the price not the compared price

[Tal19]

If it’s help please mark my answer as a solution

.product-block.cc-product-block.on-sale span.theme-money {
    color: red;
}

[williamproject]

it worked but the problem is that now both are red

[Tal19]

Change the code of my first message to:

span.was-price.theme-money {
    color: #000;
}

[williamproject]

is this correct ?

[Tal19]

exactly

[williamproject]

it didnt worked, is still red both

[Tal19]

replace #000; with #000 !important;

[lynth]

try with this one:

span.was-price.theme-money {
  color: pink;
}

[williamproject]

no, it didtn worked, can you help me with the complete code please ? just to put red and black please

[Tal19]

span.was-price.theme-money { color: #000 !important; }

[Tal19]

@williamproject it’s working on your website, please mark my answers as a solution