TomSaunders

One more thing, sorry!

Just noticed that the right side of the images appears to be cut off by a couple pixels, even though the image is appearing full size. Any ideas?

Weird. I change that one part of my child CSS and now other styling properties change too – for example, links are now underlined, and the topbar menu is black not the original blue…

Yeah actually I think I will just let hueman do what it wants (despite the wasted space) and configure the WP ones myself. The thing I was struggling to understand was, where do the hueman-generated images get used? But I looked at the hueman demo and saw that they are used for featured images, thumbnails on related stories etc.

I think I will use the featured image ones for blog posts (when I get round to actually starting it!), and I think I’ve figured out how to stop them from cropping badly and scaling.

make sure you upload the smallest size possible and that’s it’s compressed, either before you upload it or using a plugin that does it dynamically.

Yeah I use the Smush It plugin which is nice, and I normally get pretty small jpegs when exporting from Lightroom.

The other styling thing was a silly mistake, forgot abracket in styles.css which prevented half from being read haha.

Anyway, thanks again, you’re always a great help and I appreciate it alot! Cheers.

bdbrown, you have no idea how reassuring your presence is, thanks for helping! Bear with me, I have a couple of questions :O

So I made those changes, and yes the gallery looks nice on mobile now!

However no matter how much I change the width in your code above, the images all stay the same size (600×400 scaled to 323×216).

Any idea how I can get them to scale to exactly 300×200? Just where does that size come from anyway? Is it to do with the alx_setup() function containing:
add_image_size( 'thumb-standard', 320, 320, true );

I would absolutely love a table that tells me what all of the sizes of thumbnail are used for, and how they interact with the WP-generated images too.

All this image stuff is really confusing. Do I need to use any of the settings in the Settings > Media section, or can hueman handle all the thumbnails and extra images I’ll need? For example, at the moment I’m using WP to generate 150×150 thumbs so I can see a preview of media in my media library, and a 600×400 medium image to be scaled for use as a gallery thumbnail.

If I untick those and configure the add_image_size to contain those values will they replace the WP generated ones? Or should I disable the ‘thumbnail size’ part of that function and let WP handle it?

Do any of the thumbnail sizez created by hueman connect with the ‘thumbnail, medium, large’ options you get when you insert images into a gallery?

God Im so confused… :S

Thanks so much for helping me out though!

OK I’ve figured out how to achieve what I want.

All I had to do was enable the medium image size in settings > media, set it to 600×400, and then put the following in my child themes CSS:

.entry .gallery img {
    height: 200px;
    width: 300px;
}

When creating the gallery, I select the image, and select medium size. The 600×400 image is then scaled to 300×200 in the gallery.

One question:
What are the theme-generated thumbnails used for?
I know the largest is used for featured image slider or something like that, but what about the others?

Aha! It was just simply a matter of unticking the pages in the Display Widget options on the widget.

I think I’m good from here. Thanks again bdbrown, this is the second time I’ve asked for help on here and both times you’ve provided everything I need in a way thats easy to understand. Appreciate it.

Edit: Wait I understand now, I’ll have a go.