Posts image size

Do you mean on a gallery page when they open up inside the lightbox?

This is a make or break thing for me too. If I can make lightbox images much larger (it’s a portfolio site!) I’ll upgrade to pro. If not, I need to find another theme. I REALLY like Gridsby though, suggestions?

flyingfoxphotography,

You can do this with some slight modification of the theme, however, Gridsby and Gridsby Pro automatically reduce the sizes of images in the gallery to help reduce load time.

There is an option to “Direct Link to Post” instead of the lightbox, which can display you full size images.

I really like Gridsby too but I too think gallery images are small. I modified the css file to get the gallery wall pictures bigger but I don’t know how to make pictures bigger when you click into it (via Lightbox). Any ideas?

I tried modifying the exact code mentioned in the CSS file as well as the functions.php file to adjust from 600 to (in my case) 1280px.

There is something that’s overriding the image over and over again and I cannot figure it out!

For a portfolio site, high res images are a must. 600px is just way too small. Facebook does an amazing job at scaling their images correctly when you optimize for 2048 on the long edge.

I’d totally upgrade to pro but not being able to effectively increase the size of the lightbox viewer is a real drawback and I don’t see any threads addressing the issue in full.

Again, changing either of these did not make a difference when viewing via lightbox. And yes, I regenerated the thumbs. In fact, I nuked all the images and re-uploaded them again via Media Manager and it looks like the theme tells wordpress to create a corresponding thumb for whatever you dictate in the style.css and/or functions.php file. i.e. if I edited to create thumbs 960×960, it would not only create the thumbs dictated in the Media settings panel (3 size) but it will include a 4th thumbnail of 960×960 which is coming at request of the Gridsby theme.

//style.css

div.lightbox-content {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

//functions.php

add_theme_support( 'post-thumbnails' );
	add_image_size( 'gridsby-gallery-thumb', 450 );
	add_image_size( 'gridsby-gallery-full', 1280 );

Big thanks to bounpasith for finding the last piece of the puzzle.

1. Modify line 53 in functions.php:

e.g

add_image_size( 'gridsby-gallery-full', 1280 );

2. Modify line 1061 in style.css:

e.g.

div.lightbox-content {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}

3. Modify line 197 in grid.css (found in /wp-content/themes/gridsby/css)

e.g.

.dummy-title
{
	max-width: 1280px;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

THERE YOU HAVE IT. You can finally update the size and image quality. If you have existing images, you’ll have to rebuild your thumbnails as mentioned before.

Cheers.