|
Nick
|
April 19, 2015 at 4:23 pm
The quality of images in the grid view is poor, as they are using a 150 x 150 px scaled down version of the featured image, but then the div id 200 x 200 px, meaning that it is stretched and of poor quality.
How do I get around this?
Thanks,
Nick
|
|
Tony
|
April 20, 2015 at 4:52 am
Hi Nick,
The grid template uses the thumbnail version of your images (by default this is 150 x 150 within WordPress) and then applies this:
.ee_grid_box img {
width: 200px;
height: 200px;
}
There are a couple of options, you can either increase the ‘thumbnail’ dimensions that WordPress is using so that the images are larger than 150 x 150. (You will need to regenerate the thumbnails if doing this)
Or use a custom style such as this:
.ee_grid_box img {
width: auto;
height: auto;
}
So that the images remain at the original size. However doing this may cause the text to overflow the parent element so that may also need some custom styles.
|
|
Nick
|
April 20, 2015 at 3:41 pm
Thanks Tony. I changed the default thumbnail size in WP to 200×200 and then used a plugin to regenerate thumbnails and the images look nice and clear now.
|
|
Tony
|
April 21, 2015 at 2:50 am
Great, thank you for letting me know.
I’ll mark this thread resolved.
|
