Fixed Height for List?

Hi There,
In the attached screenshot, you will notice 4 lists with icons in 4 columns. To create these lists, I used the “List” element in WoodMart. Unfortunately, there was no way for me to set the height of each list, and this is why the buttons don’t line up. Do you know if there is a way to fix the height of each list so that the buttons will line up? Or do you know of a different element that I can use to create the same lists with icons, which will allow me to set the height of each list?
Thanks

Attachments:

You must be logged in to view attached files.

Hi,

I have visited your website list height and button is aligned fixed: Screenshot for clarification: https://ibb.co/ZG65nYv.

Please clear the browser cache and try again.

Best Regards.

Thank you for visiting the website. The columns are not yet aligned. As you shrink the window from desktop down to mobile, you will notice the buttons change positions and do not align for certain screen sizes. I had to go in and manually add empty spaces into certain columns for certain screen sizes in order to line them up. But this doesn’t work for every screen size. Is there some CSS that can be added which will make the “List” element a specific height height?

Hi,

Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hi Aizaz,
Thanks for your help.
I appreciate it.
Please see link below.

Hi,

In order to set columns within a row to be equal height, you must navigate to the row parameter window and check the Equal height option to be active. All columns within this row will have equal height and align with the longest column: https://ibb.co/pRWW4qG.

Here you can set the height for different devices: https://ibb.co/Z1CXjMS
https://youtu.be/NhcrEp-BPF4

Best Regards.

Hi Aizaz,
I’ve already set all the columns to have “Equal Height” in the Row parameters window. However, as you can see from all 3 screenshots (see attached), the buttons don’t line up because the “List” elements each have a different height. Do you happen to have a snippet of CSS that I can use to make all the “List” elements have the same height? This will make all the buttons line up properly at the bottom of each column.

Attachments:

You must be logged in to view attached files.

Hi,

You have to arrange the equal height with the same content within all the columns.
Please check this manual:
https://kb.wpbakery.com/docs/learning-more/content-elements/

Best Regards.

[Author]

Posts