Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Sene theme how to change the price color and font-size?

Solved

Sene theme how to change the price color and font-size?

ideal0911
New Member
4 0 0

Hello

 

I am working on a new store and i want to modify the price color and font-size. I don`t know how to do this. please assist me

 

Sense is my store theme

Accepted Solution (1)
oscprofessional
Shopify Partner
16116 2410 3126

This is an accepted solution.

@ideal0911 .

span.price-item.price-item--sale.price-item--last {
    color: red;
    font-size: 20px;
}

here you can change the color and font size.

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 9 (9)

oscprofessional
Shopify Partner
16116 2410 3126

@ideal0911 ,

Please share the store URL.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
ideal0911
New Member
4 0 0
oscprofessional
Shopify Partner
16116 2410 3126

@ideal0911 ,

span.price-item.price-item--regular {
    font-size: 20px;
    color: red;
}

here you can change the color and font size.

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
ideal0911
New Member
4 0 0

I copied it on the bottom of base.css and still nothing..

 

oscprofessional
Shopify Partner
16116 2410 3126

@ideal0911 ,

On product page you want changes ? or every price on store?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
ideal0911
New Member
4 0 0

On the product page. I want the current price to stand out with a diffrent color and font-size

oscprofessional
Shopify Partner
16116 2410 3126

This is an accepted solution.

@ideal0911 .

span.price-item.price-item--sale.price-item--last {
    color: red;
    font-size: 20px;
}

here you can change the color and font size.

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Alllways
Excursionist
24 0 5

Is it also possible to make the colored sale price in bold? if so how?

oscprofessional
Shopify Partner
16116 2410 3126


Hello @Alllways 

Please share the store URL so that i can check.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free