Support Forum - Topic: social network icons are not working and want to add Pinterest

Support Forum - Topic: social network icons are not working and want to add Pinterest http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest Support Forum - Topic: social network icons are not working and want to add Pinterest en-US Mon, 20 May 2013 12:01:27 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "social network icons are not working and want to add Pinterest" http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest#post-80062 Wed, 17 Oct 2012 11:55:05 +0000 Devin 80062@http://www.kriesi.at/support/ Hi Peas, It looks like you don't have the address right for the icons. Make sure to upload them and that you have the correct location so that you can pull them up by navigating directly to them: <a href="http://www.spellitwithpeas.com/wp-content/themes/brightbox/images/skin1/pinterest24x24.png" rel="nofollow">http://www.spellitwithpeas.com/wp-content/themes/brightbox/images/skin1/pinterest24x24.png</a> If you can send me a temporary admin login I can re-arrange the icons for you. It'll be quicker than going back and forth here making sure none of the code or syntax gets messed up. You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn't grab it :) Regards, Devin peas on "social network icons are not working and want to add Pinterest" http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest#post-80059 Wed, 17 Oct 2012 11:47:26 +0000 peas 80059@http://www.kriesi.at/support/ This is my site: <a href="http://www.spellitwithpeas.com/" rel="nofollow">http://www.spellitwithpeas.com/</a> peas on "social network icons are not working and want to add Pinterest" http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest#post-80047 Wed, 17 Oct 2012 11:04:27 +0000 peas 80047@http://www.kriesi.at/support/ Hi Dude, Thank you so much for your help! 1) I can now click the icon and my facebook/twitter opens on a new window. Thank you. 2) I added/replaced all the text as you have indicated in the custom.css and the header.php and I think I'm halfway there, but may have done something wrong. - I also added etsy to custom.css: .social_bookmarks .etsy a { background: url("../images/skin1/etsy.png") no-repeat scroll 0 0 transparent; } and to header.php Etsy and Pinterest icons are not visible in the header now; however, if I hover over their space and click, I can get to the associated page. This is what I have: <ul class="social_bookmarks"> <li class='rss'><a>">RSS</a> <li class='pinterest'><a href="http://http://pinterest.com/spellitwithpeas/">Pinterest</a> <li class='etsy'><a href="https://www.etsy.com/shop/spellitwithPEAS">Etsy</a> <?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a>"; ?>  3) I would also like to rearrange the icons like this, if it's possible (I tried and ended up making a mess and had to revert to the original code): RSS, facebook, Pinterest, Twitter, Etsy Cheers! Dude on "social network icons are not working and want to add Pinterest" http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest#post-80010 Wed, 17 Oct 2012 07:21:21 +0000 Dude 80010@http://www.kriesi.at/support/ 1) Add following code to css/custom.css or the quick css field to fix the social icon issue: <pre><code>.social_bookmarks { z-index: 100; }</code></pre> 2) tbh I'm not sure if the iconsweet icon set: <a href="http://www.iconsweets2.com/" rel="nofollow">http://www.iconsweets2.com/</a> offers a Pinterest icon but anyway - upload your 24x24px icon (I called it pinterest.png in the sample code below) into the brightbox\images\shared folder and add following code to css/custom.css: <pre><code>.social_bookmarks .pinterest a { background: url("../images/skin1/pinterest.png") no-repeat scroll 0 0 transparent; }</code></pre> At least open up header.php and replace: <pre><code><li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>">RSS</a></li></code></pre> with: <pre><code><li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>">RSS</a></li> <li class='pinterest'><a href="http://myaccounturl.com">Pinterest</a></li></code></pre> and instead of <a href="http://myaccounturl.com" rel="nofollow">http://myaccounturl.com</a> insert your pinterest account url. peas on "social network icons are not working and want to add Pinterest" http://www.kriesi.at/support/topic/social-network-icons-are-not-working-and-want-to-add-pinterest#post-79945 Tue, 16 Oct 2012 10:33:33 +0000 peas 79945@http://www.kriesi.at/support/ Hello, 1) I have the icons for facebook and twitter, but they only refresh the page when they are clicked. How do I get them to reroute to the proper pages? 2) How do I add the Pinterest icon and likewise, have the icon reroute to my pinterest page? Thank you!!