Set max-height for After Before Image Compare

  • Resolved stevehof

    (@stevehof)


    1 year, 5 months ago

    Hello,
    I try to set a max-height attribute for the After Before Image Compare widget (EAE – After/Before Image) but I did not succeed. I tried to set a max-heigt with a custom css on the class .eae-img-comp-container and I tried to put the widget in a colum width a max-heigth. The widget do not show a propper image comparison after my settings. In both versions with width of the widget stays the same. If the images in the widget does not fit in the max-heigth, the image is not spanned over the full width (version 1) or the image is cropped on the bottom (version 2).
    Can you help me?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hemant Tejwani

    (@tejwanihemant)

    1 year, 5 months ago

    Hi @stevehof

    As I can understand, you want to adjust the height of the widget.
    In our widget, the arrangement of both the images is like that if you change the height, it give inappropriate results. So instead you can try max-width attribute to the same css class you mentioned.

    Thread Starter stevehof

    (@stevehof)

    1 year, 5 months ago

    Hello @tejwanihemant,

    thank you for your reply! Ok, I also figured out that I can set a max-width for the elements with a good result. I really would like to set the max-heigth to for example 50vh to have a consistent heigth of all of my before after compare widgets. With the max-width it works good enough for me now.

    Maybe the developer of this widget can think of an attribute to set the max-height to support my original plan.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Set max-height for After Before Image Compare’ is closed to new replies.

Tags