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
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


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

Create an account or sign in to comment

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

  • Create New...