Change sale price on Palo Alto theme to red

Solved

Change sale price on Palo Alto theme to red

chichi28
New Member
8 0 0

On the collections page, I would like the compare at price to stay the same, but the new price to be in red. I know this is likely to be somewhere in the coding, if anyone can help thanks!

 

Screenshot 2024-06-17 at 15.47.53.png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 299

This is an accepted solution.

Hi @chichi28 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

span.product-grid-item__price-new {

    color: red !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 13 (13)

Asad-Mahmood
Shopify Partner
403 68 78

What's your store url ?

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




chichi28
New Member
8 0 0

BSSCommerce-B2B
Shopify Partner
1972 564 568

Hi @chichi28 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

chichi28
New Member
8 0 0

niraj_patel
Shopify Partner
2391 516 515

Hello @chichi28 

Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
chichi28
New Member
8 0 0

suyash1
Shopify Partner
10872 1345 1719

@chichi28 - can you please share your website link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
chichi28
New Member
8 0 0

sure, it is 

www.holygels.com

PageFly-Henry
Shopify Partner
1184 335 299

This is an accepted solution.

Hi @chichi28 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

span.product-grid-item__price-new {

    color: red !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

chichi28
New Member
8 0 0

Thanks! This has worked. What about if I wanted the price to be in bold?

BSS-TekLabs
Shopify Partner
2401 695 832

Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
chichi28
New Member
8 0 0
BSS-TekLabs
Shopify Partner
2401 695 832

 - Please follow these steps:

step.png

- Then find the theme.css file.

- At line 15212 in the theme.css file:

BssTekLabs_0-1718644211173.png

-  add the following code:

color: red;

BssTekLabs_1-1718644294707.png

 

Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now