custom-css Custom font for Basic Grid Blog titles and dates (7.1)

Site URL: https://llama-banjo-knmn.squarespace.com/

I'm trying to add a custom font for the blog titles and dates on this basic grid blog: https://llama-banjo-knmn.squarespace.com/blog

The next and previous titles at the bottom of blog post pages: https://llama-banjo-knmn.squarespace.com/blog/2020/08/21/hold-on-to-summer-for-just-a-little-longer-watermelon-salad-recipe

The title and pricing on this shop page: https://llama-banjo-knmn.squarespace.com/shop

As well as all text on a product page: https://llama-banjo-knmn.squarespace.com/shop/p/qsokffa5fcubq6j1f85in9l5gdaeyr

I've managed to customize the rest of the text on this site, but struggling with these final customizations. Any suggestions? I'm using Squarespace 7.1.

Thank you in advance!

Add to Home > Design > Custom CSS

/* blog font */
.blog-basic-grid--text * {
    font-family: 'NEUTRA' !important;
}
/* pagination */
h2.item-pagination-title {
    font-family: 'NEUTRA' !important;
}
/* Shop list font */
.products.collection-content-wrapper .grid-item * {
    font-family: 'NEUTRA' !important;
}
section.products.collection-content-wrapper * {
    font-family: 'NEUTRA' !important;
}

Amazing! Thank you so much!

@tuanphan Would you also be able to share how to customize the font on the contact page (https://www.positivelystrong.com/contact), buttons,  and title/date in the blog summary grid (https://www.positivelystrong.com/health)? The password is SunnyDayz  🙏

32 minutes ago, kdomonell said:

@tuanphan Would you also be able to share how to customize the font on the contact page (https://www.positivelystrong.com/contact), buttons,  and title/date in the blog summary grid (https://www.positivelystrong.com/health)? The password is SunnyDayz  🙏

Add to Contact Page Settings > Advanced > Header

<style>
  input.button {
    font-family: monospace !important;
}
</style>

Add to Health Page Header

<style>
  .summary-content * {
    font-family: monospace;
}
</style>

Thank you!

On 11/20/2020 at 3:19 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* blog font */
.blog-basic-grid--text * {
    font-family: 'NEUTRA' !important;
}
/* pagination */
h2.item-pagination-title {
    font-family: 'NEUTRA' !important;
}
/* Shop list font */
.products.collection-content-wrapper .grid-item * {
    font-family: 'NEUTRA' !important;
}
section.products.collection-content-wrapper * {
    font-family: 'NEUTRA' !important;
}

 

Hi Tuan,

I used this font to target the title font on a grid layout blog, and it worked, thank you, however it also changed the meta font ...any suggestions? Thank you!

22 hours ago, ilseS said:

Hi Tuan,

I used this font to target the title font on a grid layout blog, and it worked, thank you, however it also changed the meta font ...any suggestions? Thank you!

 

/* blog grid view font */

.blog-basic-grid--text * {

font-family: conso extra-light !important;

}

Can you share link to your site? We can check it again easier