Jump to content

Update Blog Post Title Color - Squarespace 7.0

Recommended Posts

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 

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.