I want to add my own icons, how do I do it?
how do I add new social icons in the header
12 posts from 6 voices- Started 1 year ago by gdeadtoo
- Latest reply from Devin
- This topic is not a support question
-
Ismael
ModeratorHello,
You can find the code for the social medias on header.php. Simplest way to do it is to find this code.
if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; <li class="new-social-media"><a href="new-link-for-social-media">New Social Media Icon</a></li>Just replace the li class and the anchor link. Style it on your custom.css just like this. You should also provide a new icon image.
.social_bookmarks .new-social-media a{background: transparent url(../images/skin1/New Social Media Icon.png) 0 0 no-repeat;}Regards,
IsmaelPosted 1 year ago # -
gdeadtoo
Membernot working
I'm trying to add Printerest
here's my link
http://pinterest.com/crushworthymoms/is this the correct code?
if($twitter = avia_get_option('twitter')) echo "<li class='twitter'>Twitter";
if($facebook = avia_get_option('facebook')) echo "<li class='facebook'>Twitter";
<li class="Printerest">http://pinterest.com/crushworthymomscsuse, this does not work, i get this error:
Parse error: syntax error, unexpected '<' in /homepages/28/d139802609/htdocs/crush/wp-content/themes/brightbox/header.php on line 102
Posted 1 year ago # -
Ismael
ModeratorHello,
If you want to add pinterest just do this. Look for this code.
if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";then at the bottom place this code
<li class="pinterest"><a href="http://pinterest.com/crushworthymoms">Pinterest</a></li>On your custom.css place this
.social_bookmarks .pinterest a{background: transparent url(../images/skin1/pinterest.png) 0 0 no-repeat;}You need to provide the pinterest.png file and place it on images > skin1 folder. It has to be same dimension with the social media icons provided.
Regards,
IsmaelPosted 1 year ago # -
Hi gdeadtoo,
There was a mistake in the code given to you above. You'll want to make sure you add your Pinterest link after the closing ?>. So this is what you're looking to do:
<?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; ?> <li class="pinterest"><a href="http://pinterest.com/crushworthymoms">Pinterest</a></li>Regards,
MyaPosted 1 year ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
