[Kenneth John Odle]

Kenneth John Odle

#2154

Hello Wise Graphene Theme users!

I would like to put an image/link on the Left side of the TopBar and slide the Twitter and Facebook buttons to the right. After hunting the forum and multiple failed attempts here is what I have. Lions Ridge new Page

I used the following support article to get this far.

“how to add…”

Here’s my functions.php child:

<?php

function graphene_social_icons(){ ?>

<a target="_new" href="http://lionsridge.org/" title="Lion's Ridge Top Bar Logo"><img src="http://www.lionsridge.org/liontracks/wp-content/uploads/2011/10/topbarlogo.png"/></a>

<?php

}

add_action('graphene_feed_icon', 'graphene_social_icons');

?>

I obviously need some CSS help, and it looks like the RSS feed icon shows up with my image (it shows up twice if I uncheck “hide rss feed icon” in the Graphene Admin.)

Help?

Ryan

[Kenneth John Odle]

Kenneth John Odle

#19009

Yeah, your functions.php file is a little messed up. Try this:

<?php



add_action('graphene_feed_icon', 'graphene_social_icons');

function graphene_social_icons(){

echo "<a target="_new" href="http://lionsridge.org/" title="Lion's Ridge Top Bar Logo"><img src="http://www.lionsridge.org/liontracks/wp-content/uploads/2011/10/topbarlogo.png"/></a>";

}



?>

Or, if you are using the new Graphene, just go to “Advanced Options” in the Graphene Options, click on “header.php”, enable a widget are for “graphene_feed_icon”, and then use a text widget to paste your code into.

Ken

[Kenneth John Odle]

Kenneth John Odle

#19010

I see you are working on this…

If you are trying the second method, and “graphene_feed_icon” doesn’t work for you, then try one of the other widget areas. This is still new for a lot of us and we are all working together to figure it out.

If you do get it to work, please add your solution to this thread. Thanks!

[Ryan]

Ryan

#19011

OK, some success. In the “Top Bar Options” section of the Graphene Options area you can add a new social media icon. Its the perfect spot to place an image file of your choosing. Child Style sheet edited via the following to make it fit.

#rss {

width: 723px

}

#rss a.lions-ridge-home-link {

width: 600px

}

BUT how do I change the order, I’d like my logo to come first and be followed by the Twitter and Facebook icons.

I think I need to create a new function in the child function file, but I’ve tried and I usually kill the page in the process. or is there an easier way to change the order Graphene places the social icons?

[Anonymous]

Anonymous

#19012

Take a look under the avanced tab in the graphene options. Click on the header.php file and take a look at the different options. You can activate one of these, and it creates a widget area in your widget admin page. You may add a text widget to the newly created area, and insert any HTML you like.

[Ryan]

Ryan

#19013

Josh, your method probably would work too, but I beat my way into a custom order for social icons by using the Graphene “add new social icon” option under the top bar options area. I just inserted the correct url, etc in the order I wanted them to appear within that area.

I think now I’ll try removing all the top bar social stuff via graphene options and then reinsert it all via a text widget as you suggest.

Thanks for the help.

Ryan

[Anonymous]

Anonymous

#19014

Certainly.

That’s what I did also. I just removed the default icons and links, and then inserted my own in the order I wanted.