How can I increase the product grid title font size on North Theme?

[birdieandco]

Can anyone help me make the product names in my product grid bigger on the North Theme? I’m using a third party app called “Font Picker” to use this font in the theme. Everywhere else on my website the font sizes are okay, but here they are small, but I’m not sure where to change that in the code.

Website:

www.birdieandco.ca

password: Birdie123

[birdieandco]

Website:

www.birdieandco.ca

password: Birdie123

[GabrielS]

Hello,

Adding the below CSS at the end of your app.css file should address your question:

.product.small-6.medium-3.thb-listing-style1.columns h3 {
  font-size: 30px !important;
  font-weight: bold !important;
}

Let me know if this was helpful.

Cheers!

[Nemanja_Janjic]

Hey there,

Go to Online Store > Themes > Edit code and put this code in .css file

.products .product h3 {
    font-size: 28px !important;
}

Cheers,

Nemanja

[PageFly-Richard]

Hi @birdieandco

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → app.css

.products .product h3 {

font-size: 30px !important;

min-height: 50px;

}

Hope you find my answer helpful!

Regards,

Richard-pagefly