Impulse Theme: Increase font size of prizes on homepage and product page sections

Store Design
1

Hello! :slightly_smiling_face:

Can anyone share how to increase the font size of product prices in the homepage section?

Same with the “product recommendations” on the product pages.

Screenshot 2022-10-13 182138.jpg
Screenshot 2022-10-13 182138.jpg958×656 59.5 KB

URL: https://www.backtosport.com.au/

Thank you!!!

2

Hi There,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add the below CSS in your theme.css or base.css file.

#shopify-section-template--16064458522864__1649408753ac507e2e .grid-product__price {
    font-size: 20px !important;
}
.product-recommendations .grid-product__price {
    font-size: 20px !important;
}

Please do let me know if you face any issue.

If the above solution working perfect then, please do not forget to accept this solution :face_savoring_food:

Thanks & Regards,
Prezen Tech

3

Thanks so much for the quick response! :folded_hands:

Yes, it worked for the “product recommendations” section.
But it did not on the homepage. The name of the section there is “featured
collection”

TIA :slightly_smiling_face:

4

Hello @KatFuentes

It will be helpful if you try this code -

Go to the online store > Theme >Edit Code > Assets >theme.css >Add code at the bottom.

div#shopify-section-template--16064458522864__1649408753ac507e2e.index-section .grid-product__price {
font-size: 20px !important;
}

.index-section .grid-product__price {
font-size: 20px !important;
}
5

Yes, this worked. Thank you so much!!! :slightly_smiling_face:

1 Like
6

Hi,

I also apply your solution and it was work well.
I also need to increase the size price font for the collection page and put bold.

This is my URL https://wine-vins.myshopify.com/

It’s possible? Can you help me, please?

Thank you,
Ricardo Miranda

7

@Ricardo_Vins ,

Hi,

Provide the password please…

8

Hi,

The password is 1234

Thank you so much,
Ricardo Miranda

9

@Ricardo_Vins
Hello,

It will be helpful if you try this code -

Go to the online store > Theme >Edit Code > Assets >theme.css >Add code at the bottom.

.collection-grid__wrapper .grid-product__price {
	font-size: 24px;
	font-weight: bold;
}

Like This

oscprofessional_0-1674442127839.png
oscprofessional_0-1674442127839.png1571×801 148 KB

This Solution its useful please like and accept soluton

10

Can anyone share how to increase the font size of product prices on product page, and make the price bold also, thank you.

11

Hello @Ricardo_Vins

If solutions are helpful to you, please like all the post

12

Can you share how to increase the font size of product prices on product page, and make the price bold also, thank you.

13

Hello @bex09

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.