Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 12, 2025 at 4:08 pm #1479176
    nonne

    Hey Enfold

    I am about to build a graphic “value-house” of flip boxes, but I can not adjust the height of the flip box, I made for testing.
    I am using a background image, which the flip box crops vertically.
    I’ve tried all options available for adjusting the height but the flip box do not respond…
    Would you by any chance look at it?

    Data in private.
    Best regards

    March 14, 2025 at 4:23 am #1479294
    Ismael

    Hey Carsten,

    Thank you for the inquiry.

    You can try the following css code, but it might affect the display of the background image with the text:

    .avia-icongrid-flipbox .av-icon-cell-item article {
    min-height: 300px;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    min-height: 300px;
}

    If you need to apply this to a specific flipbox element, this should help: https://kriesi.at/documentation/enfold/add-custom-css

    Best regards,
    Ismael

    March 14, 2025 at 11:02 am #1479331
    nonne

    Hey Ismael

    Thanks. Your css does effect the layout…

    However I couldn’t make it work how I want it to…

    Now I have “randomly” tried all kinds of settings, and “some kind of” a solution appeared when I edited the column with “No space between columns” and I changed the background image in the grid item to “Scale to fit so all image is always visible”.

    This however does not work in mobile, where front images are shown much to small, whereas backside seems ok?

    I really would appreciate if You took a look at it?

    Thanks in advance and best regards

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