Remove social icons from blog template

SOLVE
Highlighted
Occasional Contributor

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. 

vvielmann_0-1599169546765.png

 

Any guidance you can share would help tremendously. Thanks!

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Top Contributor

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


bootstrapcreative-horizontal-trim.png

Located in Michigan, USA

Need a custom HubSpot template or theme? 


Jacob Lett
Marketing Consultant
Strategic marketing consultant and skilled web designer specializing in the manufacturing industry to increase revenue through driving website leads and brand awareness.

View solution in original post

1 Reply 1
Highlighted
Solution
Top Contributor

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


bootstrapcreative-horizontal-trim.png

Located in Michigan, USA

Need a custom HubSpot template or theme? 


Jacob Lett
Marketing Consultant
Strategic marketing consultant and skilled web designer specializing in the manufacturing industry to increase revenue through driving website leads and brand awareness.

View solution in original post