[THEME: Gridsby] 2048×2048 Images?

  • Apologies if this was asked before but I’d like for images to scale as nicely as Facebook does (2048×2048 optimal resolution) when viewing the actual POST with the Image.

    How can I set the image so that when the user goes to the actual posting it’s larger than the default size as it’s very small on regular desktop displays.

    Thank you!

Viewing 1 replies (of 1 total)
  • Thread Starter inphra

    (@inphra)

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘[THEME: Gridsby] 2048×2048 Images?’ is closed to new replies.