Specifying image size in grid loop for different pages

[SaraGraybill]

I'm working on http://www.connectcec.com and I have the grid loop set up on three different category archive pages. I have the Genesis Grid Loop plugin installed but I can't figure out how to change the image size based on the archive page. Also on this archive page the images are showing up as different sizes. Does anyone have any suggestions?

Here are the three archive pages:
http://www.connectcec.com/category/portfolio/
http://www.connectcec.com/category/services/
http://www.connectcec.com/category/leadership/

I am using this code:

//Custom Image for Leadership CPT
function be_cpt_leadership_size( $image_size ) {
  
  // Only run on the 'leadership' post type archive
  if( is_post_type_archive( 'leadership' ) )
    return $image_size;
  
  if( in_array( 'teaser', get_post_class() ) )
    $image_size = 'leadership-image';
  
  return $image_size;
}

//Custom Image Size for Service and Portfolio CPT
function be_cpt_image_size( $image_size ) {
  
  // Only run on the 'leadership' post type archive
  if( is_post_type_archive( 'service' || 'project' ) )
    return $image_size;
  
  if( in_array( 'teaser', get_post_class() ) )
    $image_size = 'archive-thumbnail';
  
  return $image_size;
}

add_filter( 'genesis_pre_get_option_image_size', 'be_cpt_leadership_size', 20 );
add_filter( 'genesis_pre_get_option_image_size', 'be_cpt_image_size', 20 );

but it's not showing the right image sizes.

---

Graybill Creative | Twitter

[Brad Dalton]

Depends on how you generate the archive page.

1. If you are using a template for each CPT archive, you could add this code to the template file.

Change the large to your own size set in the WordPress Media Settings or use the name for your custom image sizes.

Note the 3rd parameter which you may remove or change. The code also includes HTML 5 loop hooks.

May not work with a plugin you have installed however it does work on CPT archive templates.

2. Or you could use CSS.

.category-portfolio .post-image {
width: 50px;
height: 50px;
}

Always a good idea to make sure your featured images are cropped to exactly the same size before adding them to an pages/posts included in an archive.

---

Tutorials for StudioPress Themes.

[Author]

Posts