Hello,
Social Counter Design:
How to change the Social Counter Design (width & color) and is there any possibility to hide the total number twitter followers and facebook likes?
Blocks Padding:
I want to reduce the padding/Gap between two blocks for example between menu bar and under block / between two blocks on homepage?
Best Regards
Adnan
Hello danimian,
If you want to change the width and the colors for your Social Counter, you have to use a bit of cSS code to customize it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_social_counter{
width:300px;
}
.td_social_info {
display:none;
}
.td_social_facebook {
background-color: green;
}
.td_social_twitter {
background-color:pink;
}
.td_social_youtube {
background-color:blue;
}
The result you should see here -> http://screencast.com/t/4XnqLqpL
For your second request, you have to use a bit of code for achieving as you wish.
The code is ->
.td_block_wrap {
padding-bottom:2px;
}
.td-main-page-wrap {
padding-top: 30px;
}
If you need more assistance in this regard, please provide your website URL so I can further inspect it closer and also, so I will be able to provide a more accurate code.
Thanks.
Hello Catalin,
Thanks for your answer. I want to show my text ‘MyText123’ instead of default added text like ‘Fans’. I just tried it to add Code in custom css area of theme panel as .td_social_facebook with content property but its not working. Would you please tell me the best way to implement it?
Best Regards
Adnan
Hello danimian,
If you want to change this word, you need to replace it with another one in the core file of Social Counter plugin. The file where you have to change this is td_block_social_counter.php, like this -> http://screencast.com/t/qaSJ8zXyrvu
Thank you for the message!
Hi Catalin,
I made the changes in td_block_social_counter.php, its working fine with replaced text but unfortunately with social counter and if i override the code in Theme panel->Custom CSS area as you recommended in your first post both counter and text are vanishing.
.td_social_info {
display:none;
}
Could you please suggest me the solution to display replaced text without Social counter?
Best Regards and Thanks in advance
Adnan
Hello danimian,
I do not understand very good on what you want to achieve. The code above has the role hiding the info from the social counter and if you want to add some test in the social counter I have you presented above how can be done through code.
Please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thank you.
By applying this code social counter and text both are hiding looks like this <f like>.
If i dont apply this code it looks like this <f 87 myFacebookText like>.
What i want to achieve is <f myFacebookText like> means without counter number like 87 in this example.
Hello danimian,
Please ensure that you do not have any syntax errors and make sure that you have exactly followed the above steps which I presented you above. I have tested on my side and works fine.
http://screencast.com/t/Iw8Cb8U7vj9 -> http://screencast.com/t/9v2YpiNOvuwf
Thank you for your understanding!
Hello danimian,
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_social_type :nth-child(2){
display:none!important;
}
The result -> http://screencast.com/t/UNT4JhJI
Thanks.
Hi Catalin,
Great! Its working fine now.
Many thanks for your nice support.
Best Regards
Adnan
