How to change the font size of blog post titles in 7.1

Site URL: https://saxophone-ruby-7sh7.squarespace.com/blog/guzman-law-group-trusted-advisors-2020

Hi - I am trying to make the blog post title font size smaller without disrupting the rest of the site titles.  As you see in the link, the blog post title is huge. Please help!

Thank you!

6 hours ago, mguz13 said:

Site URL: https://saxophone-ruby-7sh7.squarespace.com/blog/guzman-law-group-trusted-advisors-2020

Hi - I am trying to make the blog post title font size smaller without disrupting the rest of the site titles.  As you see in the link, the blog post title is huge. Please help!

 

Thank you!

I increased the blog width a bit as well

@media screen and (min-width: 768px) {
  .tweak-blog-item-width-custom .blog-item-wrapper .blog-item-inner-wrapper {
      width: 65%;
  }  
  .blog-item-wrapper .blog-item-title h1.entry-title {
      font-size: 3em;;
  }
}

Thank you!!

On 3/9/2021 at 10:49 PM, mguz13 said:

Thank you!!

Hey. I see blog pagination on mobile looks huge/overlap

You can add this CSS to resize title

/* Mobile blog pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 14px !important;
}
}