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

Hiding Social Icons in specific blocks


Recommended Posts

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?

Link to post
  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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

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

Posted Images

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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 4 months later...
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.

Link to post
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..

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
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. 

Link to post
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!!

Link to post
  • 1 month later...

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.

Screenshot (131).png

Link to post
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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
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.

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