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

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


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

@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!

Share this post

Link to post


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

@Chung You're welcome.

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

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