Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Chung

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

Recommended Posts

Posted (edited)

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?

Edited by Chung
Initial Revision

Share this post


Link to post

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

Share this post


Link to post

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.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...