Jump to content

2 Instagram social accounts, but I want to hide one of the icons for a page.

Recommended Posts

I have some code on my site that hides certain social icons in the social links block on some pages, for example


.icon-wrapper.vimeo, .twitter-unauth {
 display: none !important;
 }

That hides the twitter and vimeo icons on certain pages. However I have 2 Instagram accounts connected to the social blocks, but I can't hide just one of them using the same method, as

.instagram-unauth

would end up hiding both Instagram icons as they are the same class.

Is there a code, or method that I can target just one of the icons to hide?

Link to comment
  • Replies 6
  • Views 960
  • Created
  • Last Reply

TUAN. YOU ARE THE MAN.

This is exactly what I was looking for.

I'm not sure why .class-name:last-child didn't work, but first-child did.So I just had to reorder the social accounts in my settings and it worked!

Thanks so much for the help.

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.