[LauraG]

Hello,

I am having problems with the size of the image displayed in the archives/categories. My site layout is set to wide and my default layout is set to right sidebar. My blog post templates is blog image medium. When I view the blog page, the images look great.

From the blog page:
http://anuneducatedpalate.com/blog/

But when I view them using the Blog Categories sidebar widget, or the Destinations link (categories) in the custom menu, they are large and distorted.

From the sidebar widget:
http://anuneducatedpalate.com/category/cook-the-book/

From the custom menu/Destinations
http://anuneducatedpalate.com/category/destinations/france/

How do I change it so that the images displayed through the archives (categories) are the same medium size as the blog?

Thank you very much for your help.

[Sanjip Shah]

@LauraG For the categories view the image size will be large as you see for your categories. Categories/Archives view does not have the option to show the medium image, for the categories/archives view the featured image will only be shown as large image.
You have used the blog image medium template to show your blog page which uses the medium sized image. If you want the image uniformity then please use the blog image large template for your blog page. For the recommended size you can view this link https://www.themehorse.com/theme-instruction/attitude/#recommendedimagesize. If you feel that you images are distorted then you can use this plugin http://wordpress.org/plugins/regenerate-thumbnails/ to regenerate the images.

[LauraG]

Thanks @Sanjip Shah. It’s a huge job for me to go back and resize a new feature image for everyone of my posts, and with a different ratio for the large images, many of the photos won’t look good (square vs landscape). Any plans to correct this in the future so that the category image size matches the blog image?

[LauraG]

Thanks @Sanjip Shah. It’s a huge job for me to go back and resize a new feature image for everyone of my posts, and with a different ratio for the large images, many of the photos won’t look good (square vs landscape). Any plans to correct this in the future so that the category image size matches the blog image?

[Sanjip Shah]

@LauraG Currently, we have no such options. For now the appropriate way is use the Blog large image template to bring the uniformity. However, we will to be looking this in our future updates. Thanks for your feedback.

[bananadrop]

LauraG, I’m really curious how you could add the widget to sidebar on category page like this?

http://anuneducatedpalate.com/category/destinations/france/

I have been struggling for sidebar on category page 🙁
mine is like this
http://healing-scalp.com/category/event/

I’d like to put widget on category/event page… help me please

[LauraG]

Thanks Sanjip. I found a WP plug-in (Pages for Posts) that I’m able to use as a temporary workaround for the custom menu problem. It looks great, images show as thumbnails, but it doesn’t necessarily pull the feature image.

http://anuneducatedpalate.com/paris/

As for the Categories sidebar widget, I’ve removed it completely since I realized that the hierarchies were not responsive on my iPad. They weren’t displayed with the sub-categories nesting underneath the categories. I’ve switched to the Posts by Month archive instead, although I still have the same problem with the archive image size not matching the blog image size.

Hopefully this is something you’ll be able to work into your next update. It’s such a fantastic theme otherwise.

Thanks again,
Laura

[LauraG]

Hi @bananadrop

When I created the new category page I changed the page layout to right sidebar. The option is at the very bottom of the page template.

Hope this helps.
Laura

[Sanjip Shah]

@bananadrop Please go through the instruction here https://www.themehorse.com/theme-instruction/attitude/#defaultlayout and https://www.themehorse.com/theme-instruction/attitude/#specificlayout. Hope this helps.

@LauraG Thanks for your feedback.

[bananadrop]

@ Sanjip Thank you so much! That’s it! It was really easy 🙂 I should read instruction carefully! Thank you again!

@LauraG Thank you for your feedback!

[Sanjip Shah]

@bananadrop Okay. Great!

[Morten]

You can make the thumbnails smal for the archive page if you edit the file content-extensions.php (it is in the folder “structure”).

Here you locate archive loop (attitude_theloop_for_archive) and change featured to featured-medium – like this:

$image .= get_the_post_thumbnail( $post->ID, ‘featured’, array( ‘title’ => esc_attr( $title_attribute ), ‘alt’ => esc_attr( $title_attribute ) ) ).’‘;
$image .= ‘</figure>’;

To this:

$image .= get_the_post_thumbnail( $post->ID, ‘featured-medium’, array( ‘title’ => esc_attr( $title_attribute ), ‘alt’ => esc_attr( $title_attribute ) ) ).’‘;
$image .= ‘</figure>’;

Aftewards you edit your style.css with this:

.post-featured-image {
float: left;
margin-bottom: 30px;
margin-right: 4.67%;
max-width: 700px;
width: 20%;
}
And you will see that the large featured image in the archive page now is a small thumbnail and placed at the left.

Cheers
Morten

[Theme Horse Support Team]

Ok thanks Morten

Thank you!

[Author]

Posts