Social Media Buttons

Support Area Forums Moonrise Social Media Buttons

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question:
  • Author
    Posts
  • #12545
    Bart Murray
    Participant

    Can an Social Media Icon be added for TripAdvisor and Urbanspoon, so that we can add them to the custom menu link area?

    #12555
    Bill Robbins
    Moderator

    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:

    1. Go to the Media section in your WordPress control panel and select Add New.
    2. 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).
    3. Next go to the Theme Options page and select the Styling tab.
    4. 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;
      }
      
    5. 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.
    6. Do the same thing with your TripAdvisor icon.
    7. 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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Social Media Buttons’ is closed to new replies.