Staff Page Social Media Icons

Support Area Forums United Staff Page Social Media Icons

This topic contains 5 replies, has 2 voices, and was last updated by  Bill Robbins 3 years ago.

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://servingyourpurpose.com/staff-group/beshears/
  • Author
    Posts
  • #20822

    Ashley Davis
    Participant

    Hey Bill,

    Just added the social media info for staff members.
    Any way to move the icons below the photos (on both the individual bio pages and the general staff listing page) rather than on top?
    Also, any way to have them open in a new tab rather than replacing the current site?

    Thanks Bill!

    #20828

    Bill Robbins
    Keymaster

    Hello Ashley,

    See how this works for you to change those around a bit;

    1. Go to the Theme Options page and select the Styling tab.
    2. Scroll down to the Custom CSS box and paste this:
      
      .staff-image {
      	position: static;
      }
      
      .tax-staff-group article.type-staff p.staff-meta,
      .page-template-templatespage-staff-php p.staff-meta {
      	position: absolute;
      	bottom: -5px;
      }
      
      .tax-staff-group article.type-staff,
      .page-template-templatespage-staff-php article.type-staff {
      	position: relative;
      	padding-bottom: 40px;
      }
      
      .full-staff-image p.staff-meta {
      	position: relative;
      	padding-left: 0;
      }
      
    3. Update your settings.

    Have fun,
    Bill

    #20829

    Ashley Davis
    Participant

    Thanks Bill!
    That works great. Still would like them to open in new tabs if possible. They’re currently replacing the main website when clicked.

    Also, the email links aren’t working for either of the staff members. Do I need to type anything special in those fields under the staff pages?

    Thanks for all your wonderful help!
    We’re in the final stretch here!

    #20831

    Bill Robbins
    Keymaster

    Links to emails are a bit different. When you select “email” for the network, you’re really just choosing the icon, so you have to change the link a bit. Instead of using http:// at the start of a link, you’ll use mailto: so it looks like mailto:email@address.com

    That said, I would not use that to actually link to an email address. If someone doesn’t have an email app configured on their computer or are using a borrowed computer of some sort then this won’t help them at all. It’s best to link to the email icon to a page with a contact form which can then email the recipient when submitted.

    You can edit the links so they will open up in a new window. In the theme editor, choose this file to edit: staff-details.php. For each line that starts with this:

    
    <a 
    

    change it to this:

    (Be sure to copy that code directly from the support site and not the notification email)

    and save your changes. That’ll cause it to open up in a new tab/window.

    Bill

    #20839

    Ashley Davis
    Participant

    Thanks Bill!

    #20840

    Bill Robbins
    Keymaster

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Staff Page Social Media Icons’ is closed to new replies.