Hello
I’ve tried a bunch of options and I’ve set my row to have equal height with alignment at the top but I can’t seem to get the images to be the same height (see link in private). I’m close and have tried to make the left image 1/3 the width of the right image, both with the same height, but I can;t get them to be equal. Am I missing something really obvious, please? Thank you! :)
Hey webWahine,
Please, may you provide to us your website link and the WP and FTP credentials?
Best regards,
John Torvik
Yes, sorry I should have done that in the first post. Please see the private area :)
Hi,
Thank you for the update. Instead of using the image element, try to apply the images as the cells’ background. Set the background attachment to “Stretch to Fit”.
Best regards,
Ismael
Thanks! I had tried that idea but set it to no repeat, so the stretch to fit worked well. One little tweak was I added in a code block under the text to make sure that all of both images, set to sit top left, would show –
/* under kitchen txt to show all of the image */
#imgStretcher1 {
height: 500px;
}
Thanks again :)
Hi,
Great! Glad that you figured it out. You might want to use additional css media queries to adjust the height on smaller screens.
Best regards,
Ismael
Most definitely! On a phone it would be a big long nothing ;)