Thanks for appreciation.
There are only round counters above the icons. To look into the squares, I need to know your website url.
To remove counters, open “wp-content/plugins/super-socializer/css/front.css” in code editor, search following css (on line 165):
.the_champ_share_count
Replace display: block;
below the css searched above with following and save the file back:
display: none;
So finally, it becomes:
.the_champ_share_count{
display: none;
visibility: hidden;
background-color: #58B8F8 !important;
width: 5px;
height: auto;
text-align: center;
min-width: 8px !important;
.......
.......
.......
How about selling us a responsive pro version for the facebook comments.
We can continue the conversation on this at email lordofthechamps[at]gmail[dot]com
Thread Starter
WebNut
(@healthy-lawn-dude)
Sorry, The link seemed to work before
http://myhealthylawn.ca
To remove the square icons above the sharing, open “wp-content/plugins/super-socializer/css/front.css” in code editor, search following code (line 317):
ul.the_champ_sharing_ul li{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: left !important;
margin: 0 !important
}
Replace the code searched above with following:
ul.the_champ_sharing_ul li{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: left !important;
margin: 0 !important;
list-style-type: none
}
Save the file back.
Thread Starter
WebNut
(@healthy-lawn-dude)
Sorry, spread everything out, icons and squares, but the squares are still there. Am I the only one with this problem?
http:myhealthylawn.ca
I checked at your website, you have not updated the CSS as I mentioned in previous post. Please follow those steps again.
Yes, this issue is only at your website.
You have changed the CSS like following:
ul.the_champ_sharing_ul li{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: left !important;
margin: 0 !important
list-style-type: none
}
The semicolon after margin: 0 !important
is missing. Change the above to following, placing the semicolon after margin: 0 !important
so it becomes:
ul.the_champ_sharing_ul li{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: left !important;
margin: 0 !important;
list-style-type: none
}
Save the file.