WordPress.org

Ready to get started?Download WordPress

Forums

How to add another Follow: link in header (4 posts)

  1. Katharine
    Member
    Posted 4 years ago #

    I am using Titan (non-pro version) and want to add a link to LinkedIn to the top "Follow" navigation.

    Is there a way to do that, without purchasing the Pro version?

    Thanks!

  2. flipthekid
    Member
    Posted 4 years ago #

    I just did this, if you're somewhat comfortable with editing HTML it's not that hard.
    Not sure if the changes would remain if you do a theme update, but you could always add it back in.

    Add this to the header.php file where you want the linkedin link to go. I put it at the end of the list.

    <dd><a class="linkedin" href="http://www.linkedin.com/in/your_account_name" target="_blank">LinkedIn</a></dd>

    I also added this to the styles.css file, so the icon would show up.
    You can find a 16x16 icon for linkedin on the web and upload it to the 'images' folder within the theme.

    #follow dd a.linkedin { padding-left: 21px; background: url(images/linkedin-icon.png) no-repeat 0 .19em; }

  3. SeattleSi
    Member
    Posted 4 years ago #

    Thanks flipthekid, I was able to use it for facebook links on my site. :)

  4. joelmg11
    Member
    Posted 3 years ago #

    I tried this to add a Facebook icon as well. However, the icon does not appear, instead a link with just the word "facebook" appears. I used the exact same code as above.

    In the header php at the bottom of the script I inserted:
    <dd><a class="facebook" href="http://www.facebook.com/in/your_account_name" target="_blank">Facebook</a></dd>

    In the style css I added:
    #follow dd a.facebook { padding-right: 21px; background: url(images/Facebook-icon.png) no-repeat 0 .19em; }

    Do you see anything that is preventing the picture of the icon from appearing?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags