Home Forums WoodMart support forum How to assign same height for multiple infobox on same row?

How to assign same height for multiple infobox on same row?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #363341

    Jeriss Cloud Center
    Participant

    Dear,

    I have multiple infobox on a same row (1 per column) but they are getting different height because of the text. It’s almost impossible to shorten words to fit all devices.

    1) How can I assign the “same height” for all infobox of different columns in same row?

    2) If the above is not possible, can I put all the infobox “inline” in 1 column and you provide me a way to make those infobox same height ?

    3) If the above is not possible, can I put all the infobox in 1 carrousel and you provide me a way to make those infobox same height ?

    Thanks
    Simon

    Attachments:
    You must be logged in to view attached files.
    #363355

    Hello,

    You can try reducing the font size of the text in the infobox to make them equal.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .info-box-wrapper .avia_textblock {
        font-size: 13px;
    }

    Best Regards.

    #363434

    Jeriss Cloud Center
    Participant

    That’s not a solution. I tried but always across different devices types/resolutions, the size gets bigger here or there. I prefer to have a real “same heigh” for all info box. Isn’t that possible to have? Thanks

    #363637

    Hello,

    The height of the infobox depends on the amount of content in it. You can try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .home .info-box-wrapper {
        width: 255px;
    }

    It will increase the width of the infoboxes then the content in them will be equal.

    Best Regards

Viewing 4 posts - 1 through 4 (of 4 total)