Changing custom social media icon on blog posts only

NDucrETH · September 6

Hello,

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!

CassAggett · September 7

@NDucrETH can you share your site link and the code you're using currently? We can provide additional code that targets just the blog pages.

NDucrETH · September 7

12 minutes ago, CassAggett said:

@NDucrETH can you share your site link and the code you're using currently? We can provide additional code that targets just the blog pages.

Msg'd you privately with the site link, but please feel free to share the solution publicly. Many thanks!

CassAggett · September 9

@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;
    }
  }
}

Changing custom social media icon on blog posts only

Recommended Posts

NDucrETH

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

CassAggett

Link to comment

NDucrETH

Link to comment

CassAggett

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources