Change size and colour of original/compare at price

Solved
Highlighted
Excursionist
18 0 5

Hi there, 

 

I would like some guidance on how I can change the size and colour of my original/compare at price. Currently, it looks like this below:

 

Capture.JPG

As you can see, the original price is quite large and bold in site - I would like to have this so it is smaller in size and perhaps a softer colour. Any help is appreciated!

 

I am using the brooklyn theme. 

 

Thank you!

0 Likes
Highlighted

Hello @shreeg,

Can you please share site url so that I will help you to give you solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
18 0 5

Hi @oscprofessional I will email you my site url and password as it is still not live to public yet. 

Thank you!

0 Likes
Highlighted

This is an accepted solution.

Hello @shreeg,

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

span#ComparePrice {
    font-size: 13px;
    color: #000;
}

Note:You can change color and font-size as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
18 0 5

Worked like a charm! thank you so much!

0 Likes