Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 25, 2019 at 2:54 pm #1151214
    angereichert

    Hello,
    on my homepage I’ve created various columns in one row, which should be all equal height.
    I’can’t get it to work, even though I’ve set the first column to equal eight. On your questions and answers I do not find a solution to that problem. What can I do?
    Cheers Jutta

    October 25, 2019 at 2:59 pm #1151215
    angereichert
    This reply has been marked as private.
    October 26, 2019 at 5:11 am #1151319
    Rikard

    Hi,

    Sorry for the problem. Could you try updating the theme to the latest version (4.6.3.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    October 29, 2019 at 9:32 pm #1152150
    angereichert

    HI,
    I’ve updated Enfold to
    Version: 4.6.3.1

    but it is still not working…
    Could you kindly help.

    on https://www.silbensalon.de/ all grey boxes in a row should have the same height.
    Cheers Jutta
    viele Grüße aus dem Salon
    Jutta Reichert

    October 31, 2019 at 2:39 pm #1152721
    Victoria

    Hi Jutta Reichert,

    https://cl.ly/4caa497b5d55 The columns are equal height but the content added in it is of different height and so visually seems that the equal height columns are not working.

    Best regards,
    Victoria

    October 31, 2019 at 3:05 pm #1152732
    angereichert

    Thanks Victoria,
    the important thing to me is, that the grey background in both columns is the same height. How do I achieve that?
    Cheers Jutta

    November 1, 2019 at 11:48 am #1152975
    Rikard

    Hi Jutta,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) {
.home .iconbox_content {
    min-height: 400px;
}
}

    Best regards,
    Rikard

    November 3, 2019 at 12:01 pm #1153488
    angereichert

    Thank you Rikard,
    but unfortunately that also influences the size of the smaller columns further down.
    I cannot set the column height to a fixed value. I would need a true feature of equal height columns that works for all sizes.
    Thanks for your help.

    November 4, 2019 at 5:18 am #1153606
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (min-width: 768px) {
.home #after_full_slider_1 .iconbox_content {
    min-height: 400px;
}
}

    Best regards,
    Rikard

    November 4, 2019 at 10:45 am #1153655
    angereichert

    Good morning Rikard,
    The above code only changes the size of the first column block.
    I would need a solution, so that all neighboring columns and their background are of equal height regardless of their position in the page or their size. Isn’t that what the feature equal height is suggesting?
    Thanks again.
    Cheers

    November 6, 2019 at 6:28 pm #1154368
    Victoria

    Hi angereichert,

    The best way to achieve this is to have the same amount of text, all css solutions will have the boxes in different height at some point.

    Best regards,
    Victoria

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