Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26425

    I searched the support forum and was a little surprised not to see this answer already here, but perhaps I missed it? In the footer you have code and icons for Facebook, Twitter and Dribble. I cut Dribble from the code, but would like to have Google+ in its place. How do I do that?

    I need the icon image that matches this set for Google+ as well.

    #130367

    1) I’ll mark this thread for Kriesi because I don’t know which icon set he used for the social icons. First I though it’s the iconsweet2 set but the icons look imo completely different and I guess it’s another font set

    2) Open up footer.php and replace

    if($dribbble = avia_get_option('dribbble')) echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>";

    with

    if($dribbble = avia_get_option('dribbble')) echo "<li class='googleplus'><a href='".$dribbble."'>".__('Follow us on Google+', 'avia_framework')."</a></li>";

    Then insert your google plus account url into the “Dribbble” option field (complete url, not only username). At least insert following css code into propulsion/css/custom.css

    .social_bookmarks .googleplus a{background: transparent url(../images/layout/icon-googleplus.png) 0 0  no-repeat;}

    Make sure that the background url points to an existing image file. My sample url points to icon-googleplus.png which is located in the wp-content/themes/propulsion//images/layout/ folder.

    #130368

    Thanks for this help and while it worked (soft of) there are some other issues:

    1) How do we also change the dribbble social bookmark on top of the page below menu? I made your change and the top dribbble link has a hardcoded http://www.dribbble.com in front of the URL for my google plus page. (example: http://www.dribble.com/http://www.googleplus.com). It does not do this in the footer, only top social bookmark.

    screenshot: http://www.clipular.com/c?11547023=GkgZx34puxVA13GCOEibG89wpsI&f=.png

    2) Can you please find out what icon set or font was used for this so we can create a Google+ 24px icon? I tried to search online for one and tried to make my own but I can’t get it to work properly.

    Google Plus icon that I made but didn’t quite work (circle size is a little off too even though it is 24x24px): http://goo.gl/47s2qS

    Thanks!

    #130369

    Hi,

    1) Please search on google as there are a few hundred tutorials about how to add icons to wordpress:here are 2 of the 10 found on the first serp :

    http://www.wpbeginner.com/wp-tutorials/how-to-add-google-add-to-circles-badge-in-your-wordpress-site/

    http://www.wpbeginner.com/wp-tutorials/how-to-add-the-google-1-button-to-your-wordpress/

    Please Search on google for :

    Add google+ icon wordpress

    Add dribble icon wordpress tutorial

    how do i add dribble icon to wordpress instructions

    2) About finding out the icon set that Google plus uses… Have you tried using Google image search? and searching for small size and search term as….. google+ icon

    3) Please try to follow one of these 40 tutorials on the subject – http://www.hongkiat.com/blog/40-hand-picked-photoshop-icon-designs-photoshop-tutorials/ of how to create icons. I followed a few of them successfully.

    Thanks,

    Nick

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to add Google +?’ is closed to new replies.