Viewing 7 posts - 1 through 7 (of 7 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

    March 18, 2025 at 2:57 am #1479594
    Ismael

    Hi,

    You may need to remove the text from the background images and add it to the flipback element as actual text. Make sure to set the background image to stretch to fit so that it covers the entire container.

    Best regards,
    Ismael

    March 27, 2025 at 4:50 pm #1480278
    nonne

    Hey Ismael

    Thanks for your support. Don’t know why it in the first place did not react to my settings, but it works now – and your css saved my mobile view :-)

    March 27, 2025 at 8:01 pm #1480287
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    March 28, 2025 at 3:59 pm #1480395
    nonne

    Hi Rikard – you can close the thread, thanks :-)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adjusting Flip Box height’ is closed to new replies.