Hiding Social Icons in specific blocks

Site URL: https://denizdemir.photos/instagram

Hi,

I would like to include just the instagram link at the top of my instagram page in a social media block however when I hide the other social links it also hides them in my footer. It seems the social link block is one thing and cannot be separately designed per block?

How could I exclude the other social links on my instagram page while retaining all of the social links in my footer?

You can keep all icons, then share url again. We can give the code to hide all, exclude Instagram.

10 hours ago, tuanphan said:

You can keep all icons, then share url again. We can give the code to hide all, exclude Instagram.

fantastic! I just made all the social links visible... including in the Instagram area where I only want the Instagram social link to appear and hide the rest. Your help is super appreciated!

https://denizdemir.photos/instagram

On 4/26/2020 at 6:04 AM, d_washington said:

fantastic! I just made all the social links visible... including in the Instagram area where I only want the Instagram social link to appear and hide the rest. Your help is super appreciated!

https://denizdemir.photos/instagram

To hide all in footer, add to Home > Design > Custom CSS

div#socialLinks a:not(:first-child) {
    display: none;
}

On 4/27/2020 at 4:49 AM, tuanphan said:

To hide all in footer, add to Home > Design > Custom CSS

div#socialLinks a:not(:first-child) {
    display: none;
}

 

Site URL: thekingkid.com

I'm also trying to hide all of my links, but in a specific block(Shows/Tours Block). I'm just trying to keep my BandsinTown icon. In my banner and footer though I would like to hide the BandsinTown icon, but keep all the others icons.

23 hours ago, Quay said:

Site URL: thekingkid.com

I'm also trying to hide all of my links, but in a specific block(Shows/Tours Block). I'm just trying to keep my BandsinTown icon. In my banner and footer though I would like to hide the BandsinTown icon, but keep all the others icons.

Where is show/tour? It seems you removed it..

22 minutes ago, tuanphan said:

Where is show/tour? It seems you removed it..

It should be located here.

https://www.thekingkid.com/#SHOWS/TOUR

8 hours ago, Quay said:

It should be located here.

https://www.thekingkid.com/#SHOWS/TOUR

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1601064124186_11285 nav>a:not(:first-child) {
    display: none;
}

4 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1601064124186_11285 nav>a:not(:first-child) {
    display: none;
}

 

Thank you! It worked! And how would i go about hiding the bandsintown icon, which is located by my banner and then the one in my footer as well? I only would like the bandsintown icon to be seen in the Shows/Tour section of the site. 

/* banner icon */
div#block-yui_3_17_2_1_1593299968496_10808 [href*="bandsin"] {
    display: none;
}
/* footer icon */
footer.sections [href*="bandsin"] {
    display: none;
}

2 hours ago, tuanphan said:

/* banner icon */
div#block-yui_3_17_2_1_1593299968496_10808 [href*="bandsin"] {
    display: none;
}
/* footer icon */
footer.sections [href*="bandsin"] {
    display: none;
}

 

Thank you so much!!

URL: Thekingkid.com

Hello, I'm having trouble mimicking the same result as above. I'm trying to hide all the icons, except for my YouTube icon in the News tab of my website. But maintain the same size as the one that you helped me with prior.

https://www.thekingkid.com/#NEWS

Any help would be greatly appreciated.

2 hours ago, Quay said:

URL: Thekingkid.com

Hello, I'm having trouble mimicking the same result as above. I'm trying to hide all the icons, except for my YouTube icon in the News tab of my website. But maintain the same size as the one that you helped me with prior.

https://www.thekingkid.com/#NEWS

Any help would be greatly appreciated.

 

Add to Home > Design > Custom CSS

div#page-section-5eeea219c34b01624f28b8e5 .sqs-svg-icon--list a:not(.youtube-unauth) {
    display: none;
}

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

div#page-section-5eeea219c34b01624f28b8e5 .sqs-svg-icon--list a:not(.youtube-unauth) {
    display: none;
}

 

Thank you very much! You're a true life saver.

Hi @tuanphan I am trying to hide the email icon on the left side of the landing page at the link below. I tried modifying the code you provided but was unsuccessful. Can you help guide me to where the email icon is hidden on the left side? Thank you! 

https://carillon-vibraphone-7w3k.squarespace.com/

Password: 3m!ily2021

On 10/30/2021 at 3:29 AM, dovely said:

Hi @tuanphan I am trying to hide the email icon on the left side of the landing page at the link below. I tried modifying the code you provided but was unsuccessful. Can you help guide me to where the email icon is hidden on the left side? Thank you! 

 

https://carillon-vibraphone-7w3k.squarespace.com/

Password: 3m!ily2021

Use this CSS

body.homepage div#block-yui_3_17_2_1_1635536946302_7466 a.sqs-svg-icon--wrapper.email {
    display: none;
}

That worked perfectly! Thank you so much @tuanphan.

Hi @tuanphan, I hope you don't mind me jumping on this train here!

I want to remove the Apple Music & Spotify icons from the Header and Footer, and Remove the Instagram, Twitter, and Facebook from the section under the header.

If you can help me that would be amazing!

https://lime-kumquat-d247.squarespace.com/ Password: bap

On 1/18/2022 at 7:09 PM, emmebellish said:

Hi @tuanphan, I hope you don't mind me jumping on this train here!

I want to remove the Apple Music & Spotify icons from the Header and Footer, and Remove the Instagram, Twitter, and Facebook from the section under the header.

If you can help me that would be amazing!

 

https://lime-kumquat-d247.squarespace.com/ Password: bap

#1. I don't see Apple/Spofity

#2. You mean banner section? I don't see any icons

Hi!

I'm having trouble with this same issue. I want to hide the linkedIn and instagram icons from my podcast page. Can you help please?

https://www.brightlinecpa.ca/podcast

On 2/16/2022 at 11:36 PM, Wardme123435 said:

Hi!

I'm having trouble with this same issue. I want to hide the linkedIn and instagram icons from my podcast page. Can you help please?

 

https://www.brightlinecpa.ca/podcast

You mean on Footer? Add to Design > Custom CSS

/* Hide footer LinkedIn - Instagram from Podcast page */
body#collection-6207f4ab2460613189b85ea8 footer.sections nav>a:nth-child(-n+2) {
    display: none;
}

Hope I'm not too late to jump in on this...and might be a little confusing. My client has two separate instagrams and facebooks because one is for his foundation and one is for his vodka product. I would like to hide the foundation links to insta and facebook on the footer sitewide, and hide the vodka links to insta and facebook on the foundation page bottom section (it is technically not a footer on that page). How would I do this?

https://www.twotitmicevodka.com

@hgruhn

Add the following to Design > Custom CSS.

#footer-sections .socialaccountlinks-v2-block .sqs-svg-icon--wrapper[href="https://www.instagram.com/twotitmicefoundation/"],
#footer-sections .socialaccountlinks-v2-block .sqs-svg-icon--wrapper[href="https://www.facebook.com/twotitmicefoundation"],
#collection-61fee53db03f68283365e5d5 .socialaccountlinks-v2-block .sqs-svg-icon--wrapper[href="https://www.instagram.com/twotitmicevodka/"],
#collection-61fee53db03f68283365e5d5 .socialaccountlinks-v2-block .sqs-svg-icon--wrapper[href="https://www.facebook.com/TwoTitmiceVodka"]

  {
  
    display : none;
    
    }

This is for v7.1 and specific to the posters need.

Let us know how it goes.

That worked perfectly, thank you SO much!!