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
15938 2383 3092

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
15938 2383 3092

@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
15938 2383 3092

@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
15938 2383 3092

@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
15938 2383 3092

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
15938 2383 3092


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