Make 150×150 SQUARE thumb larger?

While this is doable with Photonic, I don’t think Photonic is the right tool for this, in isolation at least. Basically Photonic works with the thumbnails you have and doesn’t try to tinker too much with what you don’t have.

This bit of CSS (under Appearance → Customize → Additional CSS) will get you the effect you desire:

.photonic-thumb a { width: 300px !important; }
.photonic-thumb a img { width: 100% !important; }

But as you will observe after putting this in, your images will become blurry.

What you are looking for is to basically create thumbnails of a different size fundamentally (that is not in Photonic’s control). Typically you can do this by changing the thumbnail size setting under Settings → Media, and you will need one of the following to make sure that all your existing thumbnails are rightly sized:

1. JetPack Photon (which you have active). If you keep Photon then no further action is needed from your side
2. A plugin like “Regenerate Thumbnails” if you decide to stop using JetPack Photon. That will help you change all your thumbnails to the size you desire.

Once you have done the above, Photonic will show you your new thumbnails.

Also, any idea how I can remove/hide the link lines beneath the images?

That is coming from your theme. You can remove it using some custom more CSS:

.photonic-thumb a { border-bottom: none !important; }

Thank you for the response! I will give it a try and see if I can make it work.

Worked perfectly and no blurriness in the thumbnails as far as I can see. Thank you so much!

One last question. . . do you know if it is possible to minimize the number of thumbs when in the Square layout? I have designated it to only show 6 images and to use MORE to load more images, but no matter what I do, it shows more than that number. I’ve been googling around, but can’t find anything that directly relates to this.

Thanks!

example of the issue
https://samdennett.com/portfolio/photo/

• This reply was modified 5 years, 11 months ago by nekobaby.

I don’t think you can do that, and that relates more to how WP itself treats a gallery.

Essentially, if you are using a native WP gallery, there are two ways to show it:

1. Show all photos attached to a post / page. This can be done simply by saying [gallery].
2. Show specific photos, regardless of whether they are attached to the post. This is done by invoking [gallery ids='aaa,bbb,ccc'].

When you use the first option, it is possible to use things like the more attribute in the shortcode to pull photos in batches. But with the second option WP will automatically pull all the photos you have explicitly listed. In other words, WP itself will not support pagination.

Over the years WP has (not intentionally) made the first option harder to discern and use, but it still remains present. Here is how you use it:

1. On a new post, click on “Add Media”
2. Click on the tab to “Upload Media”
3. Upload photos from your desktop
4. Cancel the gallery creation
5. In the “Text” editor tab (not the “Visual” editor tab) simply type out [gallery]

You will see the photos you attached to the post.

There are limitations to doing this, though and that makes it harder to use and configure.

One thing you might consider though is to use a different source instead of WP – Google Photos for example will let you create individual albums and you can pull thumbnails of arbitrary sizes and use the More feature too.