Jump to content

Removing share button from the blog page, on Avenue template

Recommended Posts

@A1966 Add to Home > Design > Custom CSS


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


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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

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!


 

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.