Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 3, 2025 at 8:38 pm #1476267
    schweg33

    Hello everyone
    I have on this page, link below:
    inserted 3 text blocks
    Is there a possibility that all blocks are the same height?
    on the Pc, mobile they are one below the other it fits.

    thanks and greetings
    Franz

    February 4, 2025 at 6:47 am #1476285
    Ismael

    Hey schweg33,

    Thank you for the inquiry.

    We could apply a minimum height to the div element inside the text block. Please try this css code:

    #top .av-6xdhph-d676d236253fe9da7b5542127b7590e9 .flex_column .av_textblock_section > div > div {
  min-height: 540px !important;
}

@media only screen and (max-width: 1300px) {
  #top .av-6xdhph-d676d236253fe9da7b5542127b7590e9 .flex_column .av_textblock_section > div > div {
    min-height: 600px !important;
  }
}

    Let us know the result.

    Best regards,
    Ismael

    February 6, 2025 at 4:35 pm #1476540
    schweg33

    I don’t know what I’m doing wrong here:
    i would like all columns to be the same height.
    mobile the columns don’t have to be the same height.
    i don’t know exactly where to place your css code?
    Link below:

    February 7, 2025 at 6:41 am #1476587
    Ismael

    Hi,

    Thank you for the info.

    We placed the code in the Enfold > General Styling > Quick CSS field. Please make sure to purge the cache or remove the browser history before checking the page.

    Best regards,
    Ismael

    February 7, 2025 at 6:59 am #1476593
    schweg33

    Hello Ismael
    Sorry to write to you again.

    Can you please give me the CSS customization you have made
    so that I can adjust the height myself

    Then this setting should not apply to the mobile devices
    so mobile up and down

    thank you very much

    February 7, 2025 at 7:11 am #1476595
    Ismael

    Hi!

    We’ve added the css rule that we posted above: https://kriesi.at/support/topic/text-blocks-pc-same-height/#post-1476285

    If you don’t need to apply this on mobile view, you can remove this css code:

    @media only screen and (max-width: 1300px) {
  #top .av-6xdhph-d676d236253fe9da7b5542127b7590e9 .flex_column .av_textblock_section > div > div {
    min-height: 600px !important;
  }
}

    Regards,
    Ismael

    February 7, 2025 at 7:53 am #1476608
    schweg33

    Hello Ismael
    I have now deleted the two codes below
    both deleted
    nothing happened
    all 3 columns are still the same height
    pc and mobile
    what am I doing wrong

    thanks for your info

    February 7, 2025 at 8:11 am #1476610
    schweg33

    Hello Ismael
    Thank you very much
    now I have done it
    the code was there twice

    thanks for your help
    you can close this ticket

    best regards
    Franz

    February 8, 2025 at 2:02 pm #1476670
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘text blocks pc same height’ is closed to new replies.