Solved

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

nella1810
Visitor
3 0 0

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

Accepted Solution (1)

BrainStation23
Shopify Partner
260 43 41

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
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Replies 4 (4)

PaulMartin
Shopify Partner
193 34 62

Do you mean this by making the text bigger?

BrainStation23
Shopify Partner
260 43 41

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
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
nella1810
Visitor
3 0 0

It helped! thank you for taking the time!! 

Anshul_arora
Navigator
309 76 54

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