Support » Fixing WordPress » Set image height and keep it responsive

  • I’m trying to figure out how to make the image shorter under the first heading “All the space you need to live.” I have cropped the image to 390px high but it’s displaying much larger than that and I cannot figure out why. When I set a height to the image in my CSS, it deforms the responsiveness of the image. Any tips? I have the white arrow on the top set to send users to that section and I need the image to be shorter so I can get the paragraph and bottom links to display without the user scrolling.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is it because the image is being enlarged (by the theme) to 100% width of the area? By stretching the image, the height also increased. If the height didn’t increase you would end up with an awful squashed and stretched image appearance.

    I’m not sure. I took over this site from someone else who built it and I can get the slideshow in a bottom section under “The Lew Davis Pavilion” to behave the way I want it to and ideally I would like the rest of the images to display/respond in the same way but I can’t seem to recreate the style/layout and I have no idea why.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Perhaps the image you’re using is of a different ratio than what is meant to be there. Do you have the original photo that was in that section? If so, check the image ratios of that and see if it’s the same as your new one. If you don’t have that image, look on The Way Back Machine.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Set image height and keep it responsive’ is closed to new replies.