How can I show the middle of big image in big grid? It shows the top of image by default.
http://prntscr.com/9ouziw
Hello doran,
Unfortunately, this is the problem about cropping system. Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Hope this help.
Thanks!
Thank you Catalin,
Thumb is well cropped. Thumbnail dimensions is 534×462. Big image dimensions for full resolution is 523×399. Theme display the top part of that thumb. I need to make it middle. Check the links below,
1) Big Grid 1
http://prntscr.com/9p6c2g
2) Thumb – 534×462.jpg
http://prntscr.com/9p6bsy
Hello doran,
Unfortunately, as I explain you above, it is not a simple task to change this size. For more information about this, please check and our documentation, here https://forum.tagdiv.com/featured-image/ -> https://forum.tagdiv.com/td_api_thumbupdate/ As you notice in this documentation, you need to make a custom thumb with API and to achieve this is required a solid knowledge of coding…this is for advanced users. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom work for the moment, sorry!
Hope this helps!
Thank you for the message and for your understanding!
Hi Catalin,
I dont want to change the size. I want to change vertical alignment of that image. You can help me with this.
Hello doran,
Unfortunately, there is not a simple task to change the vertical alignment of that image. As I tried to explain above, you have to change the whole system cropping. You cannot change the image size using only CSS attribute because the thumbnail image is cut (cropped) already by this cropping system.
Hope this helps!
Thank you for your understanding!
Hi again, Please forget about changing the image size. There is nothing wrong with that size. I am ok with that size.
The issue:
Your theme is responsive, so that it hides some parts of that thumbnail for some resolutions.
Here check the link below;
http://prntscr.com/9pkszk
You can clearly see that theme hides the bottom part of that image because it displays its top part. We do not need to crop original thumbnail here. If we tell the theme that display the middle of that image, it will be a solution.
Like this:
http://prntscr.com/9pkzf3
Hello doran,
Indeed, our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server. I did some investigation on my side and I did a little digging into this matter. Please try to use a bit of CSS this matter
.td_block_big_grid_1 .td_module_mx5 img {
transform: translate(0px,-45px);
}
Hope this helps and let us know how it goes!
Thank you for the message and sorry for the inconvenience!
