Hello,
in my homepage slider sometimes there are gray parts (I think depending on the image size/if it is landscape or portrait)
Is there a way to make the image fit automatically?
Otherwise is there a way to center the image?
I am using BigGrid3
HI
The theme uses the WordPress thumbs cropping system and depending on image’s aspect ratio the result could be different, you can find more details here: https://forum.tagdiv.com/image-size/ and more details about cropping here: http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
There is not an ideal image size for all thumbs, and a way to find what image will fit best would be to do some tests depending what blocks/modules you use most add an image more nearest with aspect ratio of the thumbs in which you want it to look well. You can read more about aspect ratio here – http://digital-photography-school.com/aspect-ratio-what-it-is-and-why-it-matters/ and also this topic might help: https://forum.tagdiv.com/topic/ideal-for-featured-images-size/
Thanks!
Hello, and thank you but I have not well understood what I should do. Even if the image is 1600×900 it does not fit and there is a gray space. All thumbs are enabled.
Since the image in the slider change everytime I cannot operate just on few of them.
Hi,
Please check this guide and if you have a similar issue please regenerate thumbnails – https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ Also please note that WordPress doesn’t enlarge your images, so if you upload small images on modules which use thumbs that are larger than the uploaded image the original size will be used (the image will not be up-scaled), this is not ideal because blank(grey for some blocks that have background) space may appear around the thumb.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.
Let us know how it goes!
Thanks!
Is there a way to change the gray background behind images to white instead? So it looks better on the website which uses a white background?
Thanks!
I had the same issue as you and what I did was use the plugin ‘Regenerate Thumbnails’ to resolve the issue.
Hello,
You can use this custom css to remove the grey gradient:
.td-big-grid-post .td-module-thumb{
background-color:white!important;
}
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before{
display:none!important;
}
Thank you!
