In reply to: how to add a facebook icon next to rss icon at the top of theme

#11431

I don’t think i have any css for those buttons.

But the spacing is growing on me. I think I’m going to leave them as is.

Thanks again to the both of you for the help. Much appreciate!

In reply to: how to add a facebook icon next to rss icon at the top of theme

#11429

Haha – .NET! – .com isn’t ready yet.

http://www.hockeyonthefly.net

In reply to: how to add a facebook icon next to rss icon at the top of theme

#11427

No problem Syahir! Hope the vacation goes well.

My image links were correct, but I found the problem was with the child theme in general.

I’ve got the icons showing up and working now.

Any way I could bring them closer together though?

They are a bit wider spaced than Andrews.

http://www.hockeyonthefly.com

In reply to: how to add a facebook icon next to rss icon at the top of theme

#11425

Thank you so much for the response Andrew. I was starting to think the thread was dead and ignored!

I’ve tried your code in a child functions page but no success.

I’m beginning to wonder if the issue isn’t with the graphene_feed_icon hook.

A search of the original functions.php file for “graphene_feed_icon” returns absolutely nothing.

Any ideas?

Khairul?

In reply to: how to add a facebook icon next to rss icon at the top of theme

#11423

I have also tried to follow what Andrew did.

child function.php

<?php

function graphene_social_icons(){ ?>

<a class="facebook_icon"></a>

<?php

}

add_action('graphene_feed_icon', 'graphene_social_icons');

?>

child style.css

/*

Theme Name: Graphene Child

Theme URI: http: //example.com/

Description: Child theme for the Graphene theme

Author: Your name here

Author URI: http: //example.com/about/

Template: graphene

Version: 0.1.0

*/

@import url("../graphene/style.css");

/* Your modification goes here */



.slider_post_entry .addtoany_share_save_container

{

display:none;

}



.facebook_icon

{

background: url("graphene/images/facebook.png");

width: 2em;

}

Nothing happens…

Whats missing?

In reply to: how to add a facebook icon next to rss icon at the top of theme

#11422

Syahir,

Need a little help with this one.

I must explain off the bat, that my PHP knowledge is slim to none.

I would like to add a facebook, twitter and youtube icon with links to respective sites right next to the RSS feed icon.

Here is what I’ve done.

functions.php

<?php

function graphene_social_icons(){ ?>

<a class="facebook_icon"></a>

<a class="twitter_icon"></a>

<a class="youtube_icon"></a>

<?php

}

add_action('graphene_feed_icon', 'graphene_social_icons');

?>

style.css

#facebook_icon a{

margin:13px 0 0 13px;

float:left;

width:29px;

height:29px;

background:url(images/facebook.png) left top no-repeat;

}

#twitter_icon a{

margin:13px 0 0 13px;

float:left;

width:29px;

height:29px;

background:url(images/twitter.png) left top no-repeat;

}

#youtube_icon a{

margin:13px 0 0 13px;

float:left;

width:29px;

height:29px;

background:url(images/youtube.png) left top no-repeat;

}

header.php

<div id="twitter_icon">

<a href="http://www.twitter.com" title="Follow on Twitter" </a>

</div>

The twitter icon shows up perfectly with working link, but as soon as I add the facebook or youtube div in the header, I get multiples of each.

I apologize in advance if this looks like a coding nightmare.

I’ve been working on trial and error.

And sorry for digging up a dead thread.

Thanks in advance!