Compare at price design

Solved
Tourist
3 1 0

Hello All

 

I just want to know how to change compare at price style on my product view.

Right now it looks like this : https://prnt.sc/l0s8hk

I want to make the design look like this : https://prnt.sc/l0s83d


I am unable to change it in theme settings, theme: DISTRICT (VERSION 3.1.2)

 

Anybody can help me to fix this problem?

 

Thanks

0 Likes
Highlighted
Shopify Expert
2620 440 564

Hi @Chrome9 

Send your sore url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Expert
2620 440 564

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.selection-wrapper.price p .money{color: red; font-size: 20px !important; margin-left: 5px;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
3 1 0

Looks so much better,

Thank you for such a quick response!

But is there any option to make the higher price crossed out?

Many thanks 

0 Likes
Highlighted

Success.

Shopify Expert
2620 440 564

Remove old css and add this:

.selection-wrapper.price p .money {color: red;font-size: 20px !important; margin-left: 5px;  text-decoration: line-through !important;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted

Success.

Tourist
3 1 0

Just Pro.

Thanks again.

 

Best Regards

 

0 Likes