Hi!
I have issues with the images of the blocks. The images don’t cover the block area, rather it seems like the image is placed at the block area as is (even if it is too big) and then the excess is being cut off. Or if the image is vertical, then there is an ugly empty space left at the side edges.
What i want to achieve is a kind of “background-size:cover, background-position:center” look. But it seems like the images are not applied as background, but as simple images so these rules cannot be applied.
Example: http://desarrollo.rondasomontano.com/revista/category/economia/
Here You see on the upper big blocks how little of the images can be seen, most of them are cut off. Also the below smaller block images have the problem that they don’t have an even shape (the vertical image is just being there small and thin!)
What is the solution for this?
Thank you in advance for your answer,
Bests,
Anna Balizs
Hello !
From what I can see on your website your images are more Vertical or don’t meet the minimum sizes because they are small. We recommend using at least 800×600 images. At the size they are now, making them show in full will stretch and distort the image badly.
I hope this was helpful !
Thank you !
Hi Vlad!
Thank you for your answer.
Ive checked the photos of the below block (“M2” from the Category layouts) and the horizontal images are bigger than 800x600px so they should be enough… still they are cut weirdly to uneven sizes. How can we solve it?
Also if we use vertical images than they will not crop perfectly to the same size as other images?
(Or…am I understanding right?: to achieve a seamless look like on your demo pages ALL the featured images would need to have same width-and-height ratio because they are NOT being cropped to a specific block grid size?)
Also there is an other problem: if you check the upper block (which is “Big Grid 12”) our problem is that the images are showing up too big. (Only the top parts of the heads are visible even though the images have a lot more content than that)
You can find a screenshot here to be sure we are looking at the same view: https://www.dropbox.com/s/e5m8nseqkfcn2v8/Screen%20Shot%202020-02-26%20at%2022.31.27.png?dl=0
Can you tell me if these problems have solutions?
Thank you,
Anna
Hello !
The blocks were designed to diplay mostly square images or rectangular shaped ones like 800×600: Also if you’re using flex blocks you will be able to edit the images as you can see here: https://www.screencast.com/t/NwubnM3cg
For your second problem that is because of the issues above.
Thank you !
