How do I change the color of price on collection

Store Design
1

How do I change price tag color, and how do I remove FROM

theme: prestige

website: zoticnewyork.com

2049a1e2-d3c6-4c77-a2cb-809a193efdcc.png
2049a1e2-d3c6-4c77-a2cb-809a193efdcc.png809×378 42.6 KB

2

Hello @AMOB

Try this code: It will help to you-

Go to the online store>Theme>Edit code>Assets>theme.css>Add code in this file.

.Text--subdued {
    color: #000 !important;
}
3

@AMOB ,

.ProductListWrapper span.ProductItem__Price.Price.Text--subdued {
    color: red;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

For removing text you need to check with price in theme customizer area… or product admin panel for individual product.

4

As the guy above said, u gotta change this classes color in css

.Text–subdued {

  1. color: var(–text-color-light);

} , but Ill tell u a simple way of how to always find out what class u need to change to do ur changes. Inspect ur page, click on “select an element in the page to inspect it” and then just click on the checkmark in the inspect css and see what changes happen, if one checkmark has an effect on the thing u want to change, that class is what u want to rewrite.

5

Hi @AMOB .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file theme.css

span.ProductItem__Price.Price.Text--subdued{
color: red !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

6

how can I make it bold?

7

@AMOB ,

.Text--subdued {
    color: #000 !important;
    font-weight: bold;
}
8

issue now sale price is not red

9

Inspect the element and change its class to { color: red; } in css