Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 28, 2019 at 9:43 am #1142981
    xa1970

    Hi,

    I have inserted the images on this page with same height of 1920 pixels and have set the first column to ‘equal height’ but all images shows different heights. http://xandrianoir.com/treizieme-composition/

    I have checked the settings, they all look fine to me. Can you please have a look and help me? I am a bit lost :(

    I have just set the the thin images to ‘medium’ in the media library. I did it temporarily because the full size setting was making the images too large.

    Credentials are below.

    Regards,

    Xan

    • This topic was modified 5 years, 2 months ago by xa1970.
    September 30, 2019 at 10:18 am #1143262
    Victoria

    Hey xandria,

    The images have different width and this makes their aspect ratios different. This is why they look different, it is not only the height that defines the way they will render on the page.

    Best regards,
    Victoria

    October 1, 2019 at 10:09 am #1143619
    xa1970

    Hi Victoria,

    Thank you for you reply.

    Is there a way to keep the same height of all images on this page http://xandrianoir.com/treizieme-composition/ ?
    Previously, when I uploaded these images , even with different widths, they all showed same height but when I recently updated the page, they look different now.

    I really appreciate your support.

    Have a good day!

    Regards,

    Xan

    October 4, 2019 at 8:16 am #1144909
    Mike

    Hi,
    Sorry for the late reply, to make all of the images on your page the same height, please upload them with the same settings that was creating a page that was too long for you, then try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-8975 .avia-image-overlay-wrap > a {
	max-height: 200px !important; 
}

    Please adjust the “200px” to suit.

    Best regards,
    Mike

    October 6, 2019 at 11:14 am #1145434
    xa1970

    Hi Mike,

    Thank you so much for your reply and the code.

    I did set all the images on this page to same height first and then added the code in the Quick CSS but it still showed different heights.
    So I have set all the images to Medium for now and deleted the code. Strangely on medium it shows same height but when I set it to ‘full size’, or ‘large’, the heights are different.

    Is there any thing that can be done to set the images to full size with same height?

    Warm regards,

    Xan

    October 6, 2019 at 2:54 pm #1145461
    Mike

    Hi,
    Thanks for the feedback, so to be clear, you don’t care about the widths, correct?
    Full-size and Large will be different for each image as Victoria had pointed out, unless each original image uploaded has the same width & height. In WordPress the resizing is done by “max-width” so it tries to find a width & height “best fit”
    The medium shows same height because it is much smaller and is cropped more.
    Please try editing the images before you upload them to be the exact same size.
    I couldn’t login to see the natural uploaded sizes.

    Best regards,
    Mike

    October 11, 2019 at 1:55 am #1146986
    xa1970

    Hi Mike,

    Thank you for your reply and explanation and sorry for the late reply.

    All original sizes on this page have same height but different width. I guess for now I will keep them set to medium fit. Unfortunately, I can’t make all widths same size because they are art images.

    Thank you for your support in solving the problem. Can I please get back to this thread in few days after trying few things with this code?

    Regard,

    Xan

    October 12, 2019 at 1:06 pm #1147332
    Rikard

    Hi Xan,

    Thanks for the update, we’ll keep this thread open for you.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.