• Resolved WebNut

    (@healthy-lawn-dude)


    Awesome support by the way!

    What are the new little squares above the social icons? How to remove?
    I see as well there is a new counter above social icons? how to remove?
    a few votes doesn’t instill too much confidence, god knows I may only have 2-3 clicks for years!
    Thanks

    How about selling us a responsive pro version for the facebook comments.

    https://wordpress.org/plugins/super-socializer/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Rajat Varlani

    (@the_champ)

    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)

    sure here it is

    Plugin Author Rajat Varlani

    (@the_champ)

    Cannot find the url.

    Thread Starter WebNut

    (@healthy-lawn-dude)

    Sorry, The link seemed to work before
    http://myhealthylawn.ca

    Plugin Author Rajat Varlani

    (@the_champ)

    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

    Plugin Author Rajat Varlani

    (@the_champ)

    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.

    Plugin Author Rajat Varlani

    (@the_champ)

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Little squares above social icons’ is closed to new replies.