Solved

Can I alter the text size of the "Sold Out" button in Shopify?

LaurensAus
Visitor
2 0 2

Hi,

 

I want to change the text size of my "Sold Out" button on the collection page. How can I do this best? 

 

Store URL: https://leffrontee.com.au/

 

Thank you. 

Accepted Solutions (2)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-list-item-unavailable::after, .product-list-item-on-sale::after {
font-size: 12px!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@LaurensAus 

Please add the following code at the bottom of your assets/theme.css file.

.product-list-item-unavailable::after, .product-list-item-on-sale::after {
font-size: 12px!important;
}

 Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LaurensAus
Visitor
2 0 2

Hi,

 

Please see the edited post, it is regarding the sold out icon on the collection page

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-list-item-unavailable::after, .product-list-item-on-sale::after {
font-size: 12px!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@LaurensAus 

Please add the following code at the bottom of your assets/theme.css file.

.product-list-item-unavailable::after, .product-list-item-on-sale::after {
font-size: 12px!important;
}

 Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

dmwwebartisan
Shopify Partner
12280 2546 3693

@LaurensAus 

Please send your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app