Newspaper v11.2: How to fill MX5 of Grid-1 with image of different h/v ratio?

Posted in: Newspaper
Post count: 16

Newspaper v11.2: How to fill MX5 of Grid-1 (h:534[px] x v:462[px] (ratio h/v = 0,865)) with picture h:1280[px] x v:606[px] (ratio h/v = 0,473)?
https://ibb.co/mG6ndjr

In settings for CATEGORY ( Newspaper -> Theme Panel -> Layout Settings -> CATEGORIES -> CATEGORY TOP POSTS STYLE ), in case of chosing Grid-1 https://ibb.co/RQzwLLk (is it the same what Big-Grid-1 at https://forum.tagdiv.com/theme-blocks-modules/ ?) MX5 Module of Grid-1 has dimentioning of horizontal:534[px] x vertical:462[px] (ratio h/v = 0,865) https://ibb.co/r4ShCJW .

In case a picture with different dimentioning is set as Featured Image for a post and is currently displayed in MX5 Module of Grid-1, the MX5 module window is only partially filled out with the picture leaving – depending on the picture aspect ratio – substantial part of the MX5 Module window greyed out (or with greyish gradient), which looks bad.

The example shows a .JPG picture of h:1280[px] x v:606[px] (ratio h/v = 0,473) https://ibb.co/YbZg7K9 filing out only around 2/3 of the MX5 Module (h:534[px] x v:462[px] (ratio h/v = 0,865)) leaving blank / grey space at the bottom https://ibb.co/mG6ndjr .

QUESTION:
How to configure the Newspaper theme (or where / how add (what) additional code / CSS / other) for the picture to fill out the full area of MX5 h:534[px] x v:462[px] window WITHOUT cropping / processing the image/picture in an EXTERNAL image editor program?

NOTE-1:
Preffered way would be either:
CROPPING the image (if possible with choosing if it’s cropped center-based, left/right/up/down-based)
or
stretchng the image PROPORTIONALY (so that it’s not deformed) and showing only part of it in the MX5 window (in this case this would give propably a similar efect for a site viewer as the image cropping)

NOTE-2:
Similar question applies to all other blocks modules in the Newspaper theme ( https://forum.tagdiv.com/theme-blocks-modules/ )

Thank you

Post count: 21065

Hello!

Please note that we have some standard elements, already customized which you can not customize it, the same as default template. And also, some elements which have a lot of settings with what you can customize it, the same as cloud template which can be edited with the TagDiv Composer plugin. So, you can not customize the old ones regarding to NOTE-1.

Please make sure that you have enabled the proper thumbs with these sizes: https://ibb.co/r4ShCJW in order to show the featured images properly, check this: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/

Please regenerate and see the results!

Thank you!

Post count: 16

Hi

What do you mean by “default template” here?
What do you mean by “old ones” elements?

Thank you

Post count: 21065

Hello!

I make a comparison between elements and templates because it is quite the same problem with them. What I wanted to explain to you is about all styles of GRIDS which are standard and you can not customize them as cropping, stretching images, etc. But, if you will choose a big grid flex for example, then you have more options regarding how you can display the featured images like choosing the image size, vertical alignment, etc.

Hope that is more understandable now!

Did you follow the instructions I gave you? Let me know about the results!

Thank you!

Post count: 16

Hi

Thanks for the update but this problem is not related to Grid or Grid’s modules scalling / cropping but is releted to adjusting a (featured) image (by either cropping or proportionally re-scalling that image) by Newspaper theme, so that this picture fits into particular Newspaper theme module window: Module_MX5 in this case (from Grid_1)
—————————————————————–
https://forum.tagdiv.com/theme-blocks-modules/

Block 3/3 Row 2/3 Row 1/3 row
Big Grid 1 Module MX5 + Module MX6 – –

—————————————————————–

Yes, your instuction was followed, meaning:
– 534×462 Thumb was enabled in Newspaper theme -> BLOCK SETTINGS https://ibb.co/gwgmJL9
(https://www.screencast.com/t/N18dR3qZrh)
– Regenerate Thumbnails plugin was installed and used (https://forum.tagdiv.com/using-the-theme-with-existing-content/)

After the featured image was actually modified as in the instructions, it’s fitting much better to MX5 Module window: https://ibb.co/GFN9Jzf.

Could you please elaborate why earlier you wrote that
“standard elements, already customized which you can not customize it” ?
while it looks like it was acctually possible to adjust (customize?) the feature image ?

Please axplain also:
what do you mean by “default template” here?
what do you mean by “old ones” elements?

Thank you

  • This reply was modified 4 years by Matuser.
Post count: 21065

Hello!

Ok, that’s sound great.
I gave you an example to understand what I mean: for example you can not customize grid in the TagDiv Composer, only big grid, big grid full and big grid flex. I’m not talking about featured image. Also, only cloud templates/PRO can be edited with the TagDiv Composer.

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.