How to increase title of product of the grid for the Craft theme?

Solved

How to increase title of product of the grid for the Craft theme?

nella1810
New Member
4 0 0

thanks a lot in advance guys!! Screenshot 2024-02-22 at 12.02.59 AM.png

Accepted Solution (1)

BrainStation23
Shopify Partner
406 60 58

This is an accepted solution.

Hi @nella1810 
You can try following the steps to achieve your result
Go to online store -> Edit code->  component-card.css  file 
And add these bellow code 

 

 

.card__heading {
    font-size: 2rem;
}

 

 


Result :

BrainStation23_0-1708585899269.png

 

Brain Station 23 PLC (Mail: [email protected])
- 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 4 (4)

PaulMartin
Shopify Partner
576 57 136

Do you mean this by making the text bigger?

[email protected]
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ

BrainStation23
Shopify Partner
406 60 58

This is an accepted solution.

Hi @nella1810 
You can try following the steps to achieve your result
Go to online store -> Edit code->  component-card.css  file 
And add these bellow code 

 

 

.card__heading {
    font-size: 2rem;
}

 

 


Result :

BrainStation23_0-1708585899269.png

 

Brain Station 23 PLC (Mail: [email protected])
- 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
nella1810
New Member
4 0 0

It helped! thank you for taking the time!! 

Anshul_arora
Navigator
453 128 97

Hello @nella1810 ,

I understand you are looking to increase the size of the title in the Collection/ Product Listing page.

Please follow the below mentioned steps to implement this change. [In this you don't need to add any custom code]

1. Go to Online Store -> Themes -> Click Three dots -> Click Edit Code https://prnt.sc/DC53_dEPIyzL

2. Next search for " card-product.liquid " file and open it https://prnt.sc/gsQ8YTppcrtL

3. Now, press Ctrl+F and search for " card__heading " class https://prnt.sc/D70nyIJy3fAz

There are several sections in which this class will appear.

4. Next you have to change the " h6 " with " h2 " to increase the size of the product title and save. https://prnt.sc/vqXMDZa_tdXs  , https://prnt.sc/wzFK3uXNuT5n

There will be probably 2 places where you have to implement " h2 "

Output -:

Anshul_arora_0-1708589794747.png

I hope this helps.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here