"Staff List" page is not aligning staff members

[Kristi Bradley]

I have created seven staff members through the Staff section on the dashboard and created a “Staff List” page. The “Staff List” page is not displaying the staff members correctly. The first row has 3 members and all subsequent rows have 2 members. By using the inspection tool, I found that if I remove the 5% right and left margins allocated to “.page-template-page-staff-list-php article.staff:nth-child(2n)” that the staff members are aligned but not centered on the page. If it helps, I have attached a screen shot of the styling that I am referring to. Any suggestions on how I can keep the staff members aligned and in the center of the page would be greatly appreciated.

Thanks!

Attachments:

1. 

   Screen-Shot-2014-11-10-at-1.14.45-AM.png
   

[Bill Robbins]

Good Morning Kristi,

Sorry for the trouble there. Let’s do this to adjust that a bit:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .page-template-page-staff-list-php article.staff:nth-child(2n),
   .tax-staff-group article.staff:nth-child(2n),
   .page-template-page-staff-list-php article.staff,
   .tax-staff-group article.staff {
   	margin-left: 0;
   	margin-right: 3%;
   }
   
   .staff-list {
   	margin-right: -7%;
   	overflow: hidden;
   }
   

3. Update your settings.

If you run into trouble there, let me know.

Thanks,
Bill

[Kristi Bradley]

Thank you so much for the quick response. It is working perfectly!!

Much appreciated,
Kristi

[Bill Robbins]

Anytime Kristi. Have a great week 🙂

[Author]

Posts