Simple Social Icons
[resolved] Fix For No Icons In Custom Widget - ".simple-social-icons" missing from widget (5 posts)

  1. charvan
    Posted 3 years ago #

    Icons not showing? CSS for plug in is not getting called? Drop in the call to .simple-social-icons within containing element to fix. The initial .simple-social-icons class was not getting pulled by custom widget because of an improperly formed custom widget area.

    Alternative is to form your function call to custom widget like so:

    'before_widget' => '<div id="%1$s" class="widget %2$s clearfix">',
    'after_widget'  => '</div>',
    'before_title'  => '<h4>',
    'after_title'   => '</h4>'

    The %2$s is the critical portion that calls the widget class.

  2. cruthas
    Posted 3 years ago #


    Can you explain this in a little more detail, please? I don't understand your initial suggestion or your second one either. Where does the .simple-social-icons class need to go?

    Thanks in advance,

  3. ideoforms
    Posted 3 years ago #

    After looking at the widget source, I've deciphered what @charvan was getting at.

    The problem is not with the widget per se, but with the way that other themes include widgets within their rendered pages. For the plugin to work, it needs its widget code to be contained within a div of class simple-social-icons. My theme wasn't applying class names properly to each widget, meaning that the plugin is not styled properly; it relies on being assigned a specific font which includes the social media icons.

    I'm using a theme called fullscreen. To fix the problem, I went into the wp-content/themes/fullscreen directory, and looked for where widgets are included (at the command line, "grep -r before_widget ."). It turns out they're in lib/widgets.php.

    Beforehand, the relevant line of code looked like this (hoping formatting works OK):

    'before_widget' => '<div class="item">',

    To fix it, I amended it to:

    'before_widget' => '<div class="item %2$s">',

    (I had to make this change in 3 different places to amend the way that widgets are displayed in different parts of the page.)

    Hope that helps.

  4. cruthas
    Posted 3 years ago #


    Thanks, worked like a charm! I could see the plugin wasn't pulling the the class .simple-social-icons but didn't know how to fix it. Your explanation worked helped perfectly fix the issue.


  5. igloobob
    Posted 3 years ago #

    hmm, I'm having this trouble too but my widget call is correct

    register_sidebar( array(
    		'name' => __( 'Banner Socials', 'twentytwelve' ),
    		'id' => 'banner-socials',
    		'description' => __( 'banner-socials', 'twentytwelve' ),
    		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    		'after_widget' => '</aside>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );

    or am i missing something?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Simple Social Icons
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic