Hi there,
I want to edit Social Counter in the following way:
Currently:
FB-icon, #number, fans, LIKE
G+-icon, #number, followers, FOLLOW
etc
I want ONLY 2 items as:
FB-icon, LIKE
G+-icon, FOLLOW
etc.
with increased FONT SIZE of icon and LIKE;
and closer to each other
Is it possible? Also, will it impact the speed of the website
Best Regards,
Hi,
You can use this custom css for it:
.td_social_facebook .td_social_info, .td_social_facebook .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_facebook {
font-size:20px!important;
}
.td_social_facebook{
width:32%!Important;
}
.td_social_googleplus .td_social_info, .td_social_googleplus .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_googleplus {
font-size:20px!important;
}
.td_social_googleplus{
width:45%!Important;
}
result: http://screencast.com/t/pEj7kWaYChxo
Thank you!
#90531
Thank you Bogdan for your reply.
It looks like that I have mot mentioned my requirements clearly.
What you have replied is helpful but partial.
F LIKE T FOLLOW G+ FOLLOW I FOLLOW (in a row)
where F T G+ I are respective icons, as you have suggested above in your solution.
In case, I want only 3 of them: F LIKE T FOLLOW G+ FOLLOW (in a row) and don’t want Instagram at all at the Social Counter.
Also, can I put all of these
F LIKE T FOLLOW G+ FOLLOW I FOLLOW (in a row)
in the Footer too
Thanks in advance.
Best Regards.
Hello,
If you do not want a particular item in the social counter you need to remove the id from the plugin settings:
http://screencast.com/t/GfjzgtUQPCFB
Make sure you have Facebook, Twitter and G+ set in your settings then use this css (replace the other one)
I think this should do it:
.td_social_facebook .td_social_info, .td_social_facebook .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_facebook {
font-size:10px!important;
}
.td_social_facebook{
width:26%!Important;
}
.td_social_googleplus .td_social_info, .td_social_googleplus .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_googleplus {
font-size:10px!important;
}
.td_social_googleplus{
width:32%!Important;
}
.td_social_twitter .td_social_info, .td_social_twitter .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_twitter {
font-size:10px!important;
}
.td_social_twitter{
width:32%!Important;
}
.td_social_type{
display:inline-block!important;
}
.td_social_type .td_social_button a:after{
width:80px!important;
}
Thanks.
