Remove social icons from blog template

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!

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



28844i368E9AAC739341A8.png

Located in Michigan, USA

Need a custom HubSpot template or theme? ›