What's your biggest current challenge? Have your say in Community Polls along the right column.

How can I change the font size of compared price and sale tag.

Solved

How can I change the font size of compared price and sale tag.

pcreativestudio
Tourist
5 0 1

Hi 🙂

 

Looking to increase the font size of the compared price (the dashed line one) and the "sale" tag as well. 

 

Thanks for your support.

 

Screen Shot 2024-10-28 at 2.03.57 PM.png

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@pcreativestudio,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.card__badge .badge {
   font-size: 2rem!important;
}
.price__sale .price-item.price-item--regular {
  font-size: 3rem!important;
}
</style>

Result:

BSSCommerceB2B_0-1730110729642.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

DaisyVo
Shopify Partner
992 126 141

Hi @pcreativestudio 

 

Could you please provide me with your store URL?

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
pcreativestudio
Tourist
5 0 1
DaisyVo
Shopify Partner
992 126 141

Hi @pcreativestudio 

 

In order to increase the font size of the compared price (the dashed line one) and the "sale" tag, please follow these steps

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/ndlprypSpjPv 
2. Paste the code provided into the Custom CSS section.

 

s.price-item.price-item--regular {
    font-size: 30px !important;
}
.card__inner .card__badge.bottom.left span {
    font-size: 30px !important;
}

 

 

Here is the result: https://prnt.sc/WmfdMOWiqz_Z; https://prnt.sc/n7zsNE-xYuv-

 

I hope this helps!

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@pcreativestudio,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.card__badge .badge {
   font-size: 2rem!important;
}
.price__sale .price-item.price-item--regular {
  font-size: 3rem!important;
}
</style>

Result:

BSSCommerceB2B_0-1730110729642.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now