Trip Advisor

[Evelyn Townsend]

Hi Bill,

Is it possible to add Trip Advisor as a Social Icon along with FB, Twitter, etc along with their “logo” (vs using custom link)?

Thanks!
Evelyn

[Bill Robbins]

Evelyn,

Great question. You can do that. First you’d need to grab a copy of their logo that’s 66 pixels square so it is the same size as the others. Then go to the Media section of your WordPress control panel and upload the logo. Once the upload finishes, click the “edit” link and then copy the file URL that’s in the right hand column.

After that, go to the Theme Options page and select the Styling tab. Scroll down to the Custom CSS box and paste this:

#menu-social li.advisor 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/image.png) no-repeat;
}

You’ll need to replace the http://yoursite.com/image.png in the last line with the URL you copied earlier to your Trip Advisor logo.

Update your settings and that should give you the option to add in a Trip Advisor logo. Just use “advisor” as the CSS Class when you’re setting up your menu.

Let me know if you have any trouble,
Bill

[Author]

Posts