• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

How to Change the Image Size in Genesis Blog Archives

This is a beginners guide about how to add new sizes and change the size of your featured images which display on different archive pages.

You can select from the drop down menu in Genesis > Theme Settings > Content Archives.

The image sizes you see there are included in your child themes functions file.

This post is in response to this forum question:

All images on my blog page in the Eleven40 Pro Theme are automatically cropped to 270px X 100px. Most images don’t look nicely in these sizes.

Is there a way to change all image sizes on the blog page template?

Solutions

To change the image size in Genesis child themes, simply navigate to Genesis > Theme Settings > Content Archives and this is an example of what you will see:

genesis content archives image sizes

The sizes you see in the above screenshot are set in your WordPress Dashboard > Settings > Media & any additional sizes added to your child themes functions file.

WordPress Media Settings

These options will affect any blog listings page, including archive, author, blog, category, search, and tag pages.

Here’s the only additional size added to the Eleven40 Pro child themes functions.php.

//* Add new featured image size
add_image_size( 'grid-featured', 270, 100, TRUE );

Add More Image Sizes

Simply replicate the above code and change the sizes like this:

add_image_size( 'custom-size', 300, 150, TRUE );

Add the new code below the existing image size code in your functions file.

You will then see the new size has been added in your drop down menu when you go to Genesis > Theme Settings > Content Archives:

Add custom image size genesis

You can then install the regenerate thumbnails plugin which will create a new image size for all uploaded images.

Info: WordPress generates at least 4 image sizes which you can see in your wp-content > uploads folder for every image you upload including the original size, the sizes you set in your Media Settings and for any extra image sizes you add in your functions file.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.