Product Titles Larger in Grid Layout - Studio Theme

Store Design
1

Hello! I’ve been researching and trying various options but nothing is successful… I’m using Studio Theme and want to make the Product Titles larger when displayed in grid layout. The default font size seems so tiny. Can anyone help? I’m fairly knowledgeable with code but can’t seem to get any modifications to work. Thanks in advance!

2

Hi @calycodsn

This is Victor from PageFly - Shopify Page Builder App

You can set up the default theme content and change the text to call 0220 145 1178 for availability

Step 1: Online Stores > Themes > More Actions > Edit Code

Step 2: Find base.css and paste the code below at the bottom of the file

.card__information > h3.card__heading.h5 {
font-size: 24px; // change for the heading inside the grid like this 
}

PageFlyVictor_0-1671587898322.png
PageFlyVictor_0-1671587898322.png1231×614 158 KB

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hello @calycodsn

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your base.css file and paste the following code below:
#product-grid .card__content .card__heading.h5{
   font-size: 20px;
}

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

4

Hi @calycodsn ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-grid .card__heading.h5 {
    font-size: 20px !important;
}

You can change the px to your liking.

Hope it helps!

5

Thank you, it worked!!

1 Like