How to assign same height for multiple infobox on same row?
-
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.
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.
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
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