Update Blog Post Title Color - Squarespace 7.0

Site URL: https://www.reverenceintimateportraits.com/blog-1/2022/6/3/samis-kink-inspired-boudoir-session-4rpws

Site URL: https://www.reverenceintimateportraits.com/blog-1/2022/6/3/samis-kink-inspired-boudoir-session-4rpws

Site PW: jagpo4-jerCag-xesniq

Squarespace Version 7.0

I've added custom font to the site, and custom colors, but for some reason, nothing I've added is changing the blog post title color (I'd like this change to be effective for all blog post titles when you're in the entry itself - I've already got it sorted on the summary page). 

Here's what I've current got for Blog-related custom CSS (I would have assumed the ".entry-title..." one would have worked, but it isn't unfortunately): 

/*BLOG*/

.sqs-block-summary-v2 {

.summary-title,

.summary-heading {

font-family: 'Amalfi';

font-weight: 600;

font-size: 20px !important;

text-transform: none;

} }



.entry-title {

  font-family: 'Amalfi' !important;

  color: #214F65 !important;

}





.summary-metadata * {

    font-family: 'Rosemary' !important; color:#91C1B4 !important;

}



.blog-article-spacer{

    display: none !important;

  }

  .summary-title{

    margin: 25px 0 10px !important;

  }



.meta-below-title, .meta-above-title, .meta-below-title {

  .entry-dateline, .entry-byline, .entry-morefrom {

    font-family: 'Rosemary' !important;

    a{

      color: #91C1B4 !important;

    }

  }

}

Any help is appreciated, thank you!

Sam 

On 9/12/2022 at 4:41 AM, robandsamphoto said:

Site URL: https://www.reverenceintimateportraits.com/blog-1/2022/6/3/samis-kink-inspired-boudoir-session-4rpws

 

Site URL: https://www.reverenceintimateportraits.com/blog-1/2022/6/3/samis-kink-inspired-boudoir-session-4rpws

Site PW: jagpo4-jerCag-xesniq

Squarespace Version 7.0

 

I've added custom font to the site, and custom colors, but for some reason, nothing I've added is changing the blog post title color (I'd like this change to be effective for all blog post titles when you're in the entry itself - I've already got it sorted on the summary page). 

 

Here's what I've current got for Blog-related custom CSS (I would have assumed the ".entry-title..." one would have worked, but it isn't unfortunately): 

/*BLOG*/

.sqs-block-summary-v2 {

.summary-title,

.summary-heading {

font-family: 'Amalfi';

font-weight: 600;

font-size: 20px !important;

text-transform: none;

} }



.entry-title {

  font-family: 'Amalfi' !important;

  color: #214F65 !important;

}





.summary-metadata * {

    font-family: 'Rosemary' !important; color:#91C1B4 !important;

}



.blog-article-spacer{

    display: none !important;

  }

  .summary-title{

    margin: 25px 0 10px !important;

  }



.meta-below-title, .meta-above-title, .meta-below-title {

  .entry-dateline, .entry-byline, .entry-morefrom {

    font-family: 'Rosemary' !important;

    a{

      color: #91C1B4 !important;

    }

  }

}

 

Any help is appreciated, thank you!

Sam 

For the title color, kindly try the following code on Home > Design > Custom Css

.blog-item .entry-title-item a {
  color: red;
}

Hope it can help

That worked perfectly, thank you!