Hi,
We recommend to use the social element from tagDiv Composer -> https://forum.tagdiv.com/social-counter-styles-on-newspaper/
If you want to use the widget social counter then you need to add an extra classes that are referring to the stile that you want to use -> https://i.imgur.com/NWIigfd.png
Style 1: td-social-style1
Style 2: td-social-font-icons td-social-style2
Style 3: td-social-colored td-social-style3
Style 4: td-social-colored td-social-style4
Style 5: td-social-boxed td-social-colored td-social-style5
Style 6: td-social-boxed td-social-colored td-social-style6
Style 7: td-social-boxed td-social-style7
Style 8: td-social-boxed td-social-font-icons td-social-style8
Style 9: td-social-boxed td-social-colored td-social-style9
Style 10: td-social-boxed td-social-colored td-social-style10
Hope this will help you!
Thank you!
I have the exact same problem and the answer above does not resolve the issue. I had the same idea and tried to add the classes but the CSS specific to each style is not added to the page, probably due to some tree shaking that’s happening behind the scene. Playing around with the code I found out that the counter style drop down is part of the Style tab and this tab/group is not rendered in the widget area. Moving the style option into the General tab by removing the following line do the trick:
file:wp-content/plugins/td-social-counter/td-social-counter.php:327
array(
"param_name" => "style",
"type" => "dropdown",
"value" => array('Default' => '', 'Style 1 - Default black' => 'style1', 'Style 2 - Default with border' => 'style2 td-social-font-icons', 'Style 3 - Default colored circle' => 'style3 td-social-colored', 'Style 4 - Default colored square' => 'style4 td-social-colored', 'Style 5 - Boxes with space' => 'style5 td-social-boxed', 'Style 6 - Full boxes' => 'style6 td-social-boxed', 'Style 7 - Black boxes' => 'style7 td-social-boxed', 'Style 8 - Boxes with border' => 'style8 td-social-boxed td-social-font-icons', 'Style 9 - Colored circles' => 'style9 td-social-boxed td-social-colored', 'Style 10 - Colored squares' => 'style10 td-social-boxed td-social-colored'),
"heading" => 'Style',
"description" => "Style of the Social Counter widget",
"holder" => "div",
"class" => "tdc-dropdown-extrabig",
//"group" => "Style", // COMMENT THIS LINE
),
I don’t want to have to patch the original plugin code so I strongly suggest to the tagdiv team to move this option into the General tab where it can be controlled form within the widgets section.
The reason I want to use the widgets section is because the theme has different templates for things like post/404/search/category/etc and I want all of them to have the same sidebar. Having to edit each one of these to make sure the sidebar is the same in all of them is not ideal, specially if you decide to later make one small change to it and end up having to edit 5-6 different templates. I want to build a sidebar using the widgets and just add to all my templates.
I hope this makes sense.
Hi barros, I noted your request on our list.
Also the above suggestion with the classes in widgets area is working for me, and I need to do it only once in the sidebar that I have set the social counter set.
Hope that in coming updates this option to be available.
Thank you!
Calin,
Thanks for your response. I’m not sure why its not working for me, inspecting the source code of the rendered page I can see some CSS classes related to the social counter but not all of them, more specifically the style specific ones. For the time being I copied the style9 css from the shortcode php file into my global CSS and it works fine so I’m not super worried about it for now. Not ideal but solves my problem without patching any source file. Would be great to have that Style option available from the widget configuration at some point though.
Thanks again,
Carlos
