Need to develop Fixed Height column for every pages in Enfold

Hey DDSameera,

We will need to inspect the elements in question in order to give you accurate CSS, please post a link to where we can see them.

Best regards,
Rikard

Hi,

Did you try to use the Equal Height Columns for the column?

Best regards,
Rikard

Hi,
Thanks for the links, unfortunately they look equal height to me, can you please explain what I’m missing.

Best regards,
Mike

Hi,
On one page they are 414px high while the other page they are 444px high.
Sorry the equal height element is meant to make two columns the same height on one page, not match all of the columns on different pages.
You should be able to achieve this by setting a max-height for the columns on the site. I recommend adding a custom class to the columns on all pages & write your max-height to match the smallest column set of all the pages:

.custom_class {
height: 414px !important;
max-height: 414px !important; 
}

Please let us know if this helps.

Best regards,
Mike

Hi,

Did you try to to add a custom class to your elements like Mike suggested? You can enable that option under Enfold->Layout Builder. You can then add the class to them like in his example: custom_class, then the full CSS snippet to Quick CSS.

Best regards,
Rikard