How to make size of product name bigger on Colorblock

Store Design
,
1

Hi! I’m using Shopify’s free theme Colorblock. It works great, except that on the homepage, the size of the prices is significantly larger than the size of the product names, which feels a bit off.

How can I make the prices smaller or make the product names bigger? Thanks so much.

ss.png
ss.png1604×632 333 KB

1 Like
2

Hi @r-e-a-l-english
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

change the number to the font size you want

.product-card-wrapper .card__heading {
font-size: 30px;
}
1 Like
3

Hi @r-e-a-l-english ,

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

  • Go to Online Store->Theme->Edit code theme.liquid paste my code before element
{% if template.name=="index" %}

  

{% endif %}

PageFlyVictor_1-1668654667582.png
PageFlyVictor_1-1668654667582.png1255×590 52.7 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly team

1 Like
4

Hello @r-e-a-l-english

I would like to give you some recommendations to support you

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before

This code to adjust product name’s font size:

This code to adjust price’s font size:

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like