Solved

Can I alter the color of price and sales price in Shopify Impulse theme?

Famby
Tourist
11 0 2

Hello, my current price and sales price colors are both the same, and I would like to create a distinction between the two. I understand it has to deal with the code, how can I change the current price to black, and sales price to red?

Theme: Impulse

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Famby 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-product__price {
color: #ff0000;
}
.grid-product__price--original {
color: #000;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 81 (81)
KetanKumar
Shopify Partner
36839 3635 11972

@valeria_shadi 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
valeria_shadi
Tourist
6 0 3
valeria_shadi
Tourist
6 0 3
KetanKumar
Shopify Partner
36839 3635 11972

@valeria_shadi 

Thanks for it 

i have to check this but i can't see this 

can you please share particular URL 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
valeria_shadi
Tourist
6 0 3

Hi Kumar, sure

https://www.leshadi.com/collections/all 

 

Hope it works

Thanks

KetanKumar
Shopify Partner
36839 3635 11972

@valeria_shadi 

Thanks 

it can be done some customization code can you please contact PM

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
valeria_shadi
Tourist
6 0 3

Hi  can I have customisation codes please to solve the problem? thank you 

 

KetanKumar
Shopify Partner
36839 3635 11972

@valeria_shadi @kristen1106 

can you please share a personal message or staff account

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
valeria_shadi
Tourist
6 0 3

How Can I send a private message?

I am not getting any help or answer to it.

 

Thanks

KetanKumar
Shopify Partner
36839 3635 11972

@valeria_shadi 

I have send message please check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
khalis
Tourist
3 0 2

hello sir,

can you send me a private message i need help too

KetanKumar
Shopify Partner
36839 3635 11972

@khalis 

Yes, please sent

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Uneffected
Tourist
4 0 3

Hi there, 

We are having the same issue with the Impulse theme, and would like to have our sale prices in red while keeping normal prices in black. 

Can you please help with this ? 

KetanKumar
Shopify Partner
36839 3635 11972

@Uneffected 


Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Uneffected
Tourist
4 0 3

Thank you for your response. 

Here is the store's URL : https://uneffected.com/

 

KetanKumar
Shopify Partner
36839 3635 11972

@Uneffected 

Thanks for store url

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-product__price--original + span + span.money {
    color: #e23737;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Uneffected
Tourist
4 0 3

Solved! Thank you so much 😊 

sacdechips
Tourist
3 0 3

Hello KetanKumar,

I have added the code below in Asset->/theme.css.liquid of my Impulse 2.0 theme. 

.grid-product__price--original + span + span.money {
color: #e23737;
}

The sale price on the Collection pages now appear in the color I want! Although, the color of the price on the Product pages did not change. Attached are screenshots. 

Is there another line of code that fixes that?

Thanks!

Product color.JPGCollection color.JPG

KetanKumar
Shopify Partner
36839 3635 11972

@sacdechips @tajbowness 

can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sacdechips
Tourist
3 0 3

@KetanKumar My store is www.momzelle.com

Thanks!

KetanKumar
Shopify Partner
36839 3635 11972

@sacdechips 

thanks for url please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste the below code at the bottom of the file.

.product__price.on-sale {color: #ec008c;}

  i have work your store in past time Design and Development

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sacdechips
Tourist
3 0 3

Thank you! That worked!

KetanKumar
Shopify Partner
36839 3635 11972

@sacdechips 

its my pleasure t help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tajbowness
Shopify Partner
5 0 3

Hey @KetanKumar it's https://mainshop111.myshopify.com/

 

Password is cahffa

 

I also couldn't find theme.css but instead theme.liqud

KetanKumar
Shopify Partner
36839 3635 11972

@tajbowness 

thanks for url can you please try this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css ->paste below code at the bottom of the file.

.product-item-price-default {
    color: var(--color_page_link);
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tajbowness
Shopify Partner
5 0 3

@KetanKumar 

 

It worked! Thank you so much, I hope you have a great week!

KetanKumar
Shopify Partner
36839 3635 11972

@tajbowness 

its my pleasure to  help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Archit
Tourist
10 0 3

Hello, 

 

Could you also guide me on how to change the sale price colour to distinguish it from the normal price? The theme used Palo Alto. The store url is www.northwestterritory.co.uk

KetanKumar
Shopify Partner
36839 3635 11972

@Archit 

yes do you need sale price color? please send product grid card code

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Archit
Tourist
10 0 3

Hi, Yes I wished to change the sale price colour basically. could you please specify where I could find the product grid card code?

LumenLab
Visitor
1 0 0

Hi Ketan can you please help me, how can i change the colour of my sale price? my url is https://lumenlab.co.uk/

 

thankyou 

khalis
Tourist
3 0 2
.product__price--compare {
padding-right: 5px;
display: inline-block;
text-decoration: line-through;
color : #d84b59;