Jump to content

Changing custom social media icon on blog posts only

Go to solution Solved by CassAggett,

Recommended Posts


I already utilize a custom social media icon sitewide, but on blog pages, circumstances dictate that I use a different icon (inverting the color). I was wondering if anyone knows how to using a different custom social media icon on just blog post pages. Any help is greatly appreciated!

Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

@NDucrETH Thanks, got the link. Try this code:

@media only screen and (min-width: 640px) {
  body[class*=collection-type-blog] {
    .icon--fill:nth-of-type(1) {
      background-image: url(https://static1.squarespace.com/static/628d9580451c5d347006983d/t/62ff2db34930cc1976790cf4/1660890547092/naverblack-01.png);
      background-size: 100%;
      background-repeat: no-repeat;


If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.



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.