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

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?

You should provide site url to check CSS!

It's still under construction, but I'd be happy to DM you, if you think you could help. Thanks.

Thanks for your information

@Chung No notification sent to my email. Weird.You can use .class-name:first-child or .class-name:last-child :)It will be better if you can provide site url, to check exact CSS!

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.

@Chung You're welcome.

If you can provide site url, I will check and tell you why the first-child is not working