CMS Development

vvielmann
Participante

Remove social icons from blog template

resolver

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!

0 Avaliação positiva
1 Solução aceita
Jake_Lett
Solução
Orientador(a) | Parceiro
Orientador(a) | Parceiro

Remove social icons from blog template

resolver

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? 

Exibir solução no post original

1 Resposta 1
Jake_Lett
Solução
Orientador(a) | Parceiro
Orientador(a) | Parceiro

Remove social icons from blog template

resolver

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?