custom font - product title - store view

Site URL: https://littlewhimsey.com

Hi there

I'm trying to do something simple but failing. 

What is the CSS code to change the title font of the product title - in grid mode on the store page? (I've managed to change it for the product page)

The closest code I've found is below, but it only changes the first line of text and can't figure out how to apply to all of the title.

.products.collection-content-wrapper .grid-main-meta .grid-title:first-line, h1.ProductList-title:first-line {

  font-size:18px;

  font-family: GT Alpina;

  font-style: normal !important;

  color: #404040;

}

Image one is the target area I'd like to change.

Image 2 shows my font for first line but can't get it for both lines...

Hope someone can help! Many thanks!

3 hours ago, ARees said:

Site URL: https://littlewhimsey.com

Hi there

I'm trying to do something simple but failing. 

What is the CSS code to change the title font of the product title - in grid mode on the store page? (I've managed to change it for the product page)

The closest code I've found is below, but it only changes the first line of text and can't figure out how to apply to all of the title.

.products.collection-content-wrapper .grid-main-meta .grid-title:first-line, h1.ProductList-title:first-line {

  font-size:18px;

  font-family: GT Alpina;

  font-style: normal !important;

  color: #404040;

}

Image one is the target area I'd like to change.

Image 2 shows my font for first line but can't get it for both lines...

Hope someone can help! Many thanks!

Hi, try adding this to Custom CSS and let me know how it goes 🙂 

.ProductList h1.ProductList-title {
  font-family: GT Alpina !important;
  font-size: 18px !important;
  font-style: normal !important;
  color: #404040 !important;
}

10 hours ago, Jia said:

Hi, try adding this to Custom CSS and let me know how it goes 🙂 

.ProductList h1.ProductList-title {
  font-family: GT Alpina !important;
  font-size: 18px !important;
  font-style: normal !important;
  color: #404040 !important;
}

You are AMAZING! Worked perfectly! Thank you 🙂