Jump to content


Photo
- - - - -

Social Media links into Nav Classic?


  • Please log in to reply
3 replies to this topic

#1 clearpathnet

clearpathnet

    Member

  • Members
  • 28 posts
  • Country: Country Flag

Posted 14 June 2013 - 12:25 AM

Quick question. I'm trying to add various social media buttons/links into the right hand side of the Nav Classic bar. I followed an old post on this site and cant seem to get it quite right. 

 

Im trying to add the links over the Search bar on the right hand side. So far, I can only get them to appear in the top left (above the nav bar). I want it inline.

 

Here is what it looks like now.

Please Login or Register to see this Hidden Content

 

Here is the code I posted into the header section of the "advanced code" area of pagelines.

 

<div class="icons" style="bottom: 12px; right: 1px;">
<a target="_blank" href="#/feed/" class="rsslink"><img src="/wp-content/themes/pagelines/sections/branding/rss.png" alt="RSS"></a>
<a target="_blank" href="#" class="twitterlink"><img src="/wp-content/themes/pagelines/sections/branding/twitter.png" alt="Twitter"></a>
<a target="_blank" href="#" class="facebooklink"><img src="/wp-content/themes/pagelines/sections/branding/facebook.png" alt="Facebook"></a>
<a target="_blank" href="#" class="linkedinlink"><img src="/wp-content/themes/pagelines/sections/branding/linkedin.png" alt="LinkedIn"></a>
<a target="_blank" href="#" class="youtubelink"><img src="/wp-content/themes/pagelines/sections/branding/youtube.png" alt="Youtube"></a>
<a target="_blank" href="#" class="gpluslink" style="opacity: 0.5; "><img src="/wp-content/themes/pagelines/sections/branding/google.png" alt="Google+"></a>
</div>
<script type="text/javascript"> 
jQuery('.icons a').hover(function(){ jQuery(this).fadeTo('fast', 1); },function(){ jQuery(this).fadeTo('fast', 0.5);});
</script>
<?php }
 
 
I know nothing about coding.. any help would be great!
 
-Ian


#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 June 2013 - 12:56 AM

Hi Ian, just responded in the other thread for you. You'll need to use the css to align the icons into the correct position.



#3 clearpathnet

clearpathnet

    Member

  • Members
  • 28 posts
  • Country: Country Flag

Posted 14 June 2013 - 01:07 AM

I dont know how to do that... at all. Is this something I can type into the "header" section of the Pagelines advanced editor?



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16526 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 14 June 2013 - 07:13 AM

Firstly, that code you have shouldn't be added to the Header scripts area in PageLines > Site Options > Custom Code. It is for scripts not HTML.

 

If you wish to add social media icons/links to a specific location, you will need to use a hook, see here for more details.

 

Please Login or Register to see this Hidden Content

 

You will also most likely need to use custom CSS for styling, you can find more information here -

Please Login or Register to see this Hidden Content