WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Fix For No Icons In Custom Widget – ".simple-social-icons" missing from widget

[Resolved] Fix For No Icons In Custom Widget – ".simple-social-icons" missing from widget

  • 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • @charvan,

    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,
    Dave

    ideoforms
    Member

    @ideoforms

    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.

    @ideoforms

    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.

    Thanks!

    igloobob
    Participant

    @igloobob

    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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Fix For No Icons In Custom Widget – ".simple-social-icons" missing from widget’ is closed to new replies.