wpem-event-single-image too big

  • Resolved tm86

    (@tm86)


    3 years, 4 months ago

    Hello again,
    the event image on the single event page becomes stretched to fill the screen in width. Because of that i also becomes higher. Is there a way to limit the image wrapper to a maximum pixel height?. When i tried it with css the event description will move up into the picture.
    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @tm86

    I have checked the single event page on your site it looks like you have hidden or lazyload. Once you have shown images on your site then we can ask our team to look into it and find the best solution for all the users.

    thank you

    Thread Starter tm86

    (@tm86)

    I have disabled the image with CSS. Now you can see it again.
    https://www.meinkreuznach.de/veranstaltung/kulturtreff-neustadt/

    Hi @tm86
    It looks like you are adding small image and we have provided following CSS to make it flexible content based on image size.

    .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img, .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-slider-wrapper .wpem-single-event-slider .wpem-slider-items img {
    max-width: 100%;width: inherit;
    margin: 0 auto;
}
    Thread Starter tm86

    (@tm86)

    Great, thank you. I have deleted the comma behind img and changed it to something like this.
    .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img, .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-slider-wrapper .wpem-single-event-slider .wpem-slider-items img {
    max-height: 300px;height: inherit;object-fit: cover;
    margin: 0 auto;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘wpem-event-single-image too big’ is closed to new replies.