Adding a google + logo to the home page next to facebook and tweeter « Support Forum | Kriesi.at

Adding a google + logo to the home page next to facebook and tweeter

4 posts from 3 voices

Tags:

anniet
Member

Hi,
how could I add a link to the google plus tinteo page on our home page. I would like it to be aligned to the tweeter and facebook links.
+ do you have a logo that suits well the abundance theme ?

Posted 5 months ago #
Devin
Moderator

Hi anniet,

You'll need to open up header.php in the theme files. Look for this line that outputs the rss line:
<li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

right under that line make a new line and add:
<li class='google'><a href="#">Google+</a></li>

Now, add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.social_bookmarks .google a{background: transparent url(../images/skin-minimal/icons-social-rss.png) 0 0 no-repeat;}

There isn't an icon already created for a google+ icon, so you'll need to add one in yourself. in the css above it points to the rss icon in the themes images folder (for the minimal skin, if you are using a different on it will be in that skin folder).

You can use this image file as a template for creating your own and then replace the image location in the css to point to your new image file. The file name is "icons-social-rss.png" above.

Regards,

Devin

Posted 5 months ago #
anniet
Member

Thanks Devin, I will make that work.

Posted 5 months ago #
Nick
Moderator

Glad that Devin got you back on track.

Thanks,

Nick

Posted 4 months ago #

This topic has been closed to new replies.