Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi katiekate!

    There’s no quick way to swap out one icon for another without making extensive changes to the plugin’s font files and CSS, sadly. I’m sorry for the inconvenience there!

    The team does review icon requests from time to time, though, so feel free to ask if there’s a specific icon you’d like to see. (I’m not familiar with a generic icon that’s universally recognised as “Blog”, but you’re very welcome to share one if you have something in mind.)

    Thread Starter katiekate

    (@katiekate)

    Thanks Nick!

    I loaded Fontawesome and added some code to the themes function file that pulls in the speech bubble icon for the bloglovin’ icon. I think that will solve my problem for now. Here is the site: https://www.codegreennetworks.com/

    Personally I don’t think that you should have a social media icon for a blog but in this case the client insisted.

    Thanks for your help!

    Plugin Contributor Nick C

    (@modernnerd)

    Thanks for the update, katiekate, and great job using Font Awesome to add an additional icon – I like the one you chose. ??

    skyemediagroup

    (@skyemediagroup)

    Katiekate can you please share the code you added to the themes function file?

    Thread Starter katiekate

    (@katiekate)

    Sure! Please know that I am using the Genesis child theme, Outreach Pro. I added this code to the functions.php file at the bottom. I then replaced the bloglovin’ icon number with the font awesome number that can be found on Font Awesome’s website.

    //* Make Font Awesome available
    add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
    function enqueue_font_awesome() {
    	wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' );
    }
    add_filter( 'simple_social_default_glyphs', 'custom_simple_social_default_glyphs' );
    function custom_simple_social_default_glyphs() {
    	$glyphs = array(
    			'bloglovin'		=> '',
    			'dribbble'		=> '',
    			'email'			=> '',
    			'facebook'		=> '',
    			'flickr'		=> '',
    			'github'		=> '',
    			'gplus'			=> '',
    			'instagram' 	=> '',
    			'linkedin'		=> '',
    			'pinterest'		=> '',
    			'rss'			=> '',
    			'stumbleupon'	=> '',
    			'tumblr'		=> '',
    			'twitter'		=> '',
    			'vimeo'			=> '',
    			'youtube'		=> '',
    );
    	return $glyphs;
    }

    I also went to Genesis=>Theme Settings and in the Header Scrips sections I placed this code:

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    Then in the Simple Social Icon widget I just placed a link to the clients blog in the Bloglovin’ space. It’s not an ideal fix but it works well in this case.

    I hope that helps!

    Thread Starter katiekate

    (@katiekate)

    Those glyph numbers did not show up in my post above but you can get them from the Simple Social Icon code.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Icon that links to blog page’ is closed to new replies.