How do i edit the social media share buttons. Ive seen documentation on how to add a linkedin button through custom css but how do i remove a few buttons and activate email sharing?
I imagine that there might be an obvious solution to this but I’m a bit frustrated with looking around for it without an intuitive solution.
P.S. My problem is not with the counter but with the share buttons under each post. (I would like to integrate email and whatsapp share buttons on what I already have on this site) http://insidebusinessonline.com
Hi
To remove one of the theme’s social share buttons you need to edit td_module_single.php file and delete the line corresponding for the button that you want to be deleted:
– for social sharing top: http://screencast.com/t/N4ySYJP7KtH0
– for social sharing bottom: http://screencast.com/t/GKEPhWivuTE
Let me know how it goes.
Thanks!
And If I want to change with an shortcode to put another buttons. How can i do it?
Regards 🙂
Hi
You can use do_shortcode function to display a shortcode, the code would look like this:
echo do_shortcode('your shortcode');
I am not sure what shortcode you want to use but you may need additional customization to integrate it. This customization involve some coding knowledge and if you don’t know how to do it yourself, my advice is to look for a developer from sites like http://studio.envato.com/ to do it for you, as we cannot offer any custom work at this moment.
Thanks!
Thank you for your help so far Andrei L.
I don’t know what I might be missing but I certainly need some help with this share buttons situation
What i’m trying to do: Add a whatsapp and email share button to my Newsmag theme.
Things I understand that i’m supposed to-do are
To-do 1. Add the Font Awesome Icon plugins
Attempted Solution 1: I installed this plugin https://wordpress.org/plugins/font-awesome/
Attempted Solution 2: I inserted the following code to (the parent theme’s) [theme folder]/function.php file.
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' );
}
I got the code above from a different site while trying to figure out how to add FA icon to my site.
To-do 2: Edit “./wp-content/themes/Newsmag/includes/modules/td_module_single.php”
Attempted solution:Added the following code
<a href="//send?=' . esc_url( get_permalink() ) . '"><i class=”fa fa-whatsapp fa-lg”></i></a>
To-do 3: Add custom CSS
Attempted Solution: Added the following code to the “Your Custom CSS”
.td-social-whatsapp {
background-color: #60b82d;
}
.td-social-whatsapp .td-icon-whatsapp {
font-size: 24px;
position: relative;
top: 2px;
left: 1px;
}
.td-social-pinterest {
margin-right:8px;
}
@media (min-width: 787px){
.td-social-whatsapp {
display: none !important;
}
After all of the above nothing has worked(whatsapp button has not appeared). What am i missing?
Is there a plugin i can add to make this part easier.
I really appreciate any more help I can get.
Hi
You need to install the whatsapp plugin: https://wordpress.org/support/plugin/whatsapp then go to plugin settings and set it where you want to appear on the post/pages: http://screencast.com/t/VQ4vE5bbAI4
To make the button visible on desktop add this custom css in theme panel > custom css: http://screencast.com/t/J45jYezamgO2
@media (min-width: 1024px){
.wabtn_container {
display: block;
}
}
Also you can use the plugin’s shortcode to display the button in a different place than set by default: http://screencast.com/t/eJjvhmOUt1
Let me know how it goes!
Thanks!
Hello Andrei L.
I’m very appreciative of your quick response, it worked.
– However, i was hoping to have it inline with the rest of the share buttons and with a similar size.
– I do not wish for it to appear on the desktop but i really do appreciate the extra information.
– Is there a similar fix for the email share? *most important to me*
Thanks a lot in advance.
Hi
You could try this as is indicated in this tutorial: https://forum.tagdiv.com/add-a-new-linkedin-button/ but adapted for a email button, or also you can look for a plugin with a similar functionality. I cannot recommend any of those plugins as we didn’t test it with the theme, but you can try and use the one that suits you best.
Thanks!
