Thumbnails in one column blog page

Hi Karsten. Imagine you’ve been busy these past few weeks…;-) The single column blog layout does use the 320×320 image but it’s resized by css to 200px wide with an auto height. So, since the thumbnail is a square, the image displayed becomes a 200×200 square. The 320×320 thumbnail was created by the theme using a hard crop which essentially cuts the required size out of the center of the original image.

Just off the top of my head I can think of a couple of options:

1. Import the alx_setup() function into your child theme, change the image size, remove the hard crop argument, then regenerate thumbnails. Here’s a bit more information from the theme documentation.

2. Copy content-standard.php into your child theme and change the post thumbnail size from “thumb-standard” to “thumb-medium”. The theme would then use the 520×245 image which would be resized to 200×94.

Hope that helps.

Yes, looks good. Now, if I could just remember my German from high school, then I could read it…;-)

Couple of other things you might think about:

1. You might consider changing the post image top padding to a margin, add a little padding all around and then add a slight border around the images. This would make the images stand out more against the light background, especially when the image also has a light background:

.post-thumbnail img {
    margin-top: 40px;
    padding: 2px;
    border: 2px solid #ddd;
}

2. On the dropdown submenu I noticed there is space above the first item and below the last item. This css would eliminate those spaces:

@media only screen and (min-width: 720px) {
  .nav ul {
    padding: 0;
  }
}