Staff Page Social Media Icons

[Ashley Davis]

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!

[Bill Robbins]

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

[Ashley Davis]

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!

[Bill Robbins]

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

[Ashley Davis]

Thanks Bill!

[Bill Robbins]

No problem 🙂

[Author]

Posts