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

How do I change the color of the before price to red (Symmetry theme)

Solved

How do I change the color of the before price to red (Symmetry theme)

bysaleh123
Tourist
4 0 1

I need help changing the color of the before price, both in product grid and in product page. For some reason it is connected to base color, so when I change the base to red, the whole page with the variant picket becomes red. I only wanna change the price. Any one that can help?

Screenshot 2024-02-12 at 21.55.29.pngScreenshot 2024-02-12 at 21.55.18.png

Accepted Solution (1)

Slurrie
Shopify Partner
26 1 39

This is an accepted solution.

You could try overriding this with css.
In theme customizer go to the settings tab, then at the bottom add the below code into the css box.

If you haven't already try it on a copy of the theme first.
You can change the colors to what every color or hex you need.
This code should change your Price to black and your compare at price  (before price) to red.


span.price__current {
color: black !important;
}
span.price__was {
color: red;
}

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
10211 2427 3080

Hi @bysaleh123 

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
bysaleh123
Tourist
4 0 1

I would rather not share it here no

Made4uo-Ribe
Shopify Partner
10211 2427 3080

Oh, i understand. Just to clarify im not asking for admin URL. Its the only URL for the costumer/clients public url. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Slurrie
Shopify Partner
26 1 39

This is an accepted solution.

You could try overriding this with css.
In theme customizer go to the settings tab, then at the bottom add the below code into the css box.

If you haven't already try it on a copy of the theme first.
You can change the colors to what every color or hex you need.
This code should change your Price to black and your compare at price  (before price) to red.


span.price__current {
color: black !important;
}
span.price__was {
color: red;
}

bysaleh123
Tourist
4 0 1

ohh that worked thank you!