Remove social icons from blog template

vvielmann — Thu, 03 Sep 2020 21:48:48 GMT

Hi all,

I recently downloaded a blog template from the marketplace. I don't need all of the social icons that come with the template. I tried removing (pinterest, facebook, and google +) from the sidebar in the css; visually it worked, but there are phantom links that come up when you hover where they used to be. How do I delete those? I also moved the Twitter link to the first spot, replacing Facebook, but it kept the facebook link.

Here's the CSS where I removed the social icons:

.hs_cos_wrapper_type_social_sharing a:nth-child(2):before, .fm_linkedin>span:before { content: "\f0e1"; }
.hs_cos_wrapper_type_social_sharing a:first-child:before, .fm_twitter>span:before { content: "\f081"; }
.hs_cos_wrapper_type_social_sharing a:nth-child(6):before { content: "\f0e0"; }
.fm_youtube>span:before{ content: "\f16a" ; }
.hs_cos_wrapper_type_social_sharing a:first-child, .fm_twitter{ background:#55acee;}
.hs_cos_wrapper_type_social_sharing a:nth-child(2), .fm_linkedin{ background:#0077b5;}
.hs_cos_wrapper_type_social_sharing a:nth-child(6){ display: none !important; }

Here's a snapshot of where the phantom links are showing up when you hover over the area. Twitter is also linking to Facebook.

Any guidance you can share would help tremendously. Thanks!

Re: Remove social icons from blog template

Jake_Lett — Fri, 04 Sep 2020 07:44:19 GMT

Hello. I think it is still appearing because of a :hover state CSS property. You could try one of the two solutions.

Try hiding the entire grouping

.hs_cos_wrapper_type_social_sharing {

display: none!important;

}

Edit the template and remove the Follow Me module

look for code in the template that looks like this

Jacob Lett

Freelance HubSpot CMS Developer & Web Designer

Located in Michigan, USA

Need a custom HubSpot template or theme? ›

topic Remove social icons from blog template in CMS Development

Remove social icons from blog template

Re: Remove social icons from blog template