Remove social icons from blog template

[vvielmann]

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!

[Jake_Lett · Accepted solution]

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 

{% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}

and delete then save the template.

---

Jacob Lett

Freelance HubSpot CMS Developer & Web Designer

---

Located in Michigan, USA

Need a custom HubSpot template or theme? ›