Staff Page: unable to change photos sizes

[AudioGirl]

…And consequently alignment is off.

I’ve tried everything & searched for answers in Forum but to no avail.

Please advise.

Thanks!

[Bill Robbins]

Hello Lori,

The best way to keep them consistent in sizing is to resize the images to be the same size before uploading them. For example Cecelia’s image appears to be 279 by 419 pixels in the original size while yours is 624 by 624.

In the demo the images are 400 pixels wide by 600 pixels tall. That’s the recommended size for the staff. If they are all resized to those dimensions before uploading they’ll end up having a consistent size on your site too.

Take care,
Bill

[AudioGirl]

Well… we’ve been trying to fix it for hours based on your advice.
There’s a small improvement but it’s still not aligned properly.

Could it be that because we’re transferring from your Foundation Staff page, which that its now interfering with the Grassroots Staff Page?
Link:

Team Directors

We don’t know what else to do.

Any ideas?

Lori

[Bill Robbins]

Hello Lori,

The sizes are looking much better now. Let’s also do this:

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 #content article.staff:nth-child(4n),
   .tax-staff-group #content article.staff:nth-child(4n) {
   	clear: none;	
   }
   
   .page-template-page-staff-list-php #content article.staff:nth-child(3n + 4),
   .tax-staff-group #content article.staff:nth-child(3n + 4) {
   	clear: both;	
   }
   

3. Update your settings.

See how that goes now,
Bill

[AudioGirl]

Thank you Bill! Problem solved!!
Btw, we are loving the new theme.
Cheers,

L

[Bill Robbins]

Splendid ?

[Author]

Posts