How to increase font size of my products in my featured collection grids

abailea077 · August 28, 2024, 5:12am

Hello hello!!

Please need your precious help!

I would like to increase the font size of my products in all the featured collections. You can see on the image that the names are very small and the prices too.

Is it possible to have a code to increase the font size of thoses names and another code for the price separately so they dont increase the same.

And another thing important is to have one for the Desktop version and one for the mobile version.

Your help will be very appreciated!

The Url:

https://toroeatstreats.com/pages/eats

password if needed: brayden

abailea077 · August 28, 2024, 5:16am

I forgot to put the image! Sorry

BSSCommerce-HDL · August 28, 2024, 5:21am

Hi @abailea077 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

Rahul_dhiman · August 28, 2024, 5:33am

Hello @abailea077
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

.fs-product-card-title {
font-size: 25px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

niraj_patel · August 28, 2024, 5:43am

Hello @abailea077

You can add code by following these steps

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

.featured-collection-grid__inner .product-item__product-title { font-size: 24px !important; } .featured-collection-grid__inner span.product-item__price { font-size: 24px !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

topnewyork · August 28, 2024, 7:00am

Hi @abailea077 , kindly use the below instructions and code:

Go to Online Store → Theme → Edit code.
Open your theme.liquid file
In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

abailea077 · August 28, 2024, 12:13pm

This helped me a lot! Thank you!

But both on mobile and Desktop changed at the same time.

Is it possible to have a code to change them separately ?

topnewyork · August 28, 2024, 12:15pm

@abailea077 , try the below code and adjust values according to your need:

If my reply is helpful, kindly click like and mark it as an accepted solution.