How to reduce price font size in Colorblock theme?

Solved

How to reduce price font size in Colorblock theme?

erikimprov
Excursionist
20 0 10

Hello,

I am using Colorblock theme and my prices are too big font size. How do I change to smaller font size?

Here is my store: Produkter – Ekix & Co. (e2e2d2-3.myshopify.com)

Accepted Solution (1)

BrainStation23
Shopify Partner
416 62 61

This is an accepted solution.

HI @erikimprov 
If you want to decrease the font size, then You can try the below process
1. Go to the Online Store

2.
Screenshot 2024-02-09 115526.png

3.Go to the component-card.css file
4. Then add 

.card-information .price{
  font-size:1rem;
}

Output:
Screenshot 2024-02-09 120001.png

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
10038 2387 3014

Hi @erikimprov 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.price {
    font-size: 1.2rem;
}

 

And Save. 

Result:

Made4uoRibe_0-1707416864934.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

BrainStation23
Shopify Partner
416 62 61

This is an accepted solution.

HI @erikimprov 
If you want to decrease the font size, then You can try the below process
1. Go to the Online Store

2.
Screenshot 2024-02-09 115526.png

3.Go to the component-card.css file
4. Then add 

.card-information .price{
  font-size:1rem;
}

Output:
Screenshot 2024-02-09 120001.png

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
erikimprov
Excursionist
20 0 10

Thank you! This worked