Bart,
You can add in icons for TripAdvisor and Urbanspoon. I don’t have matching icons to send you, so you’ll need to find those. Once you do, here’s how to add them:
- Go to the Media section in your WordPress control panel and select Add New.
- Upload your icons and then click the edit links. Those will open up new screens that will need in just a minute (don’t close them).
- Next go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
#social li.tripadvisor a,
#menu-social li.tripadvisor a {
float: right;
display: block;
position: relative;
width: 66px;
height: 69px;
padding: 0;
margin-left: 1px;
opacity: 1;
text-indent: -9999px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
background: url(https://yoursite.com/tripadvisor.png) no-repeat;
}
#social li.urbanspoon a,
#menu-social li.urbanspoon a {
float: right;
display: block;
position: relative;
width: 66px;
height: 69px;
padding: 0;
margin-left: 1px;
opacity: 1;
text-indent: -9999px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
background: url(https://yoursite.com/urbanspoon.png) no-repeat;
}
- Next we’ll need to use the images you uploaded. Click on the urbanspoon tab and look on the right hand side of that screen. You should see a box that mentions the file URL. Copy that URL and then paste it in place of the
http://yoursite.com/urbanspoon.png
.
- Do the same thing with your TripAdvisor icon.
- Now you will be able to use the urbanspoon and tripadvisor classes in your navigation menu to add those links as well.
If you have any questions or trouble, let me know,
Bill