When using grid styles, such as style one, is there a way to have images fill each box 100%. Have some instances where images aren’t filling the box, assume their size is lower than box size. I was under the impression that the template created multiple versions to help fit the multiple boxes, but this may not include stretching for obvious quality reasons. Is there a way to do this though using CSS or in settings somewhere?
Hi,
If the images you use as featured are small, then the theme won’t be able to create the larger thumbnails that grids use for example. If larger thumbnails are not created the images will be displayed as they are, not stretched.
In case that you cannot set larger images as featured for the posts, you could maybe try some thumbnail upscale plugins that could stretch the images to fill the modules.
With CSS it may be possible as well. I could give it a try, provide a link to the website where I can test.
Thanks
Here is an active site https://wyo4news.com/category/news/ – I can work with client on making sure images are all large enough to fill sections, makign things fit 100% would be great but I also see all the downsides to it.
My real struggle right now really is just the autosizing maybe. I have a bunch of images that are 777×437 originally, was something based off old template used. Now that dimension doesn’t really work any more. So I tried optimizing for front page https://wyo4news.com/ boxes by creating png with some space on top and bottom, which works really well for those grids. Looks pretty good. Then I get to news page https://wyo4news.com/category/news/ and layout on top has different sizes and now that blank png top is showing rather than image being centered.
Is there a way to actually change the box sizes for say grid 1 to match the same sizes used say in block 1 or block 4? Or maybe I’m just missing something. I just need images to auto fit as best as possible but I don’t want them cut off. Let me know, maybe i’m missing a feature or doing something wrong. Thanks
Hi,
Something is unusual in the website you provided. The container size is not how it is supposed to be
– https://www.screencast.com/t/mBsmYsVVrU7
Did you maybe make modifications in this matter? Forcing the container to a higher or lower value would result in a broken layout. Wider layouts can be achieved with the tagDiv composer and row stretch setting
– https://www.screencast.com/t/odokEN4DvdEB
The composer can be used to design almost everything. Pages, post templates, category templates etc. This is possible if the cloud library plugin is active
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview and even edit the available templates created by us
– https://affiliate.tagdiv.com/#/load/All
If you want to design your own, there is a blank template provided in each category of templates.
Without the forced container stretch the grid would look like this
– http://prntscr.com/lj3w3i
The image on the right in the grid is almost of the required size for the grid. In my case with the same image this is the result
– http://prntscr.com/lj3ynr
The thumbnail is not created properly in your case, a regeneration should fix it
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
It still wont fill the module fully however. I could force it to fill the module, but the image may be distorted.
Maybe consider using a top grid that has smaller modules, for example
– https://demo.tagdiv.com/newspaper/category/grid-5/
– https://demo.tagdiv.com/newspaper/category/grid-7/
– https://demo.tagdiv.com/newspaper/category/grid-8/
– https://demo.tagdiv.com/newspaper/category/grid-10/
– https://demo.tagdiv.com/newspaper/category/grid-11/
When using default category templates the top grid can be changed in the theme panel, for each category. For example
– https://www.screencast.com/t/shOmGycyhh1f
Please let me know if you have more questions.
Thanks
