Removing share button from the blog page, on Avenue template

Hi, I can't remove the share button from my blog page (Avenue template). Can you help me, please? Unchecking all the social media sites in the Share Buttons panel (as described here: https://support.squarespace.com/hc/en-us/articles/206543857#toc-hide-share-buttons) didn't help. It's still there. Thanks.

@A1966 Add to Home > Design > Custom CSS

/* Remove Share Buttons */
.squarespace-social-buttons {
   display: none !important;
}

Referrence: https://beaverhero.com/avenue-squarespace/

Thanks a lot :-D

Thanks a lot :-D

@A1966 Accept answer if it worked. Other members can use if they know it worked. Thanks.

This didn't work for me. 

My site is 986skin.com, and the particular blog that I want the share buttons removed from is: https://986skin.com/brand-entries/uniquemi

This is the code I am adding to my CSS:

#item-5dd23e0139d8ba0c23bc7e01 {
  .squarespace-social-buttons {
   display: none !important;
   }
}

I also want to hide the pagination at the bottom as well.

I just want it removed for this blog. I have 2 blogs on my site. This one isn't technically a blog, but just a way for me to showcase the different brands we cary. 

So i have 986skin.com/blog as my main blog, and 986skin.com/brand-entries/ as my second blog. I want the share buttons and paginations hidden on all the posts in this second blog. 

Can someone help me out please?

Thank you!

Vijay!

38 minutes ago, vijayamarshi said:

This didn't work for me. 

My site is 986skin.com, and the particular blog that I want the share buttons removed from is: https://986skin.com/brand-entries/uniquemi

This is the code I am adding to my CSS:

#item-5dd23e0139d8ba0c23bc7e01 {
  .squarespace-social-buttons {
   display: none !important;
   }
}

I also want to hide the pagination at the bottom as well.

I just want it removed for this blog. I have 2 blogs on my site. This one isn't technically a blog, but just a way for me to showcase the different brands we cary. 

So i have 986skin.com/blog as my main blog, and 986skin.com/brand-entries/ as my second blog. I want the share buttons and paginations hidden on all the posts in this second blog. 

Can someone help me out please?

Thank you!

Vijay!

 

If you can add a tag for all post belong bran-entries, i can target that tag and use CSS.

8 minutes ago, tuanphan said:

If you can add a tag for all post belong bran-entries, i can target that tag and use CSS.

I added the tag 'brands' to all of those posts. Thank you so much!

2 minutes ago, vijayamarshi said:

I added the tag 'brands' to all of those posts. Thank you so much!

.tag-brands .BlogItem-share {
    display: none;
}

Just now, tuanphan said:

.tag-brands .BlogItem-share {
    display: none;
}

 

That worked! Thank you! Is there any way to get rid of the pagination at the bottom as well? 

28 minutes ago, vijayamarshi said:

That worked! Thank you! Is there any way to get rid of the pagination at the bottom as well? 

.tag-brands nav.BlogItem-pagination.clear {
    display: none !important;
}

29 minutes ago, vijayamarshi said:

That worked! Thank you! Is there any way to get rid of the pagination at the bottom as well? 

I figured it out based on the previous code you gave me! Thank you for that trick!

.tag-brands 
.BlogItem-share {
display: none;
.BlogItem-pagination-link
display: none;
}

2 minutes ago, tuanphan said:

.tag-brands nav.BlogItem-pagination.clear {
    display: none !important;
}

 

Your code worked better! haha! thanks for the assistance!