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.