Content in columns keep moving and changing the layout

Hi!

How do I add columns like these, but have the content remain fixed? When I try to add new content, everything moves about and is uneven and not equally proportioned. I’d like to use the same fix for all the similar columns on the website.

Howdy @Nalwi!

Thanks for writing in! I just mentioned this in another thread you opened up about your footer layout, but could you please send us a live link to your website so that we can see it in person? Once we are able to see the markup live, we will be able to more readily assist you on this as potential solutions will be dependent on how you have things setup overall.

Thanks!

Hi @kory, sure I have added the requested details in a secure note.

Hello @Nalwi,

To have a uniform or align buttons in your columns, you must do the following:

1.) Enable the Flexbox option in each of the column settings.

2.) Set the horizontal and vertical alignment to center and start

3.) And then make sure that your headline element has the same settings like margins, padding, etc. And then insert a custom inline CSS element settings the minimum height CSS property.

$el {
  min-height: 95px;
}

4.) And then in your button element settings, insert auto as the top margin.

For more about details about flexbox and alignments, kindly check out this Youtube videos:

By the way, I have created a test page. Please see the secure note.

Thank you very much @ruenel ! That works great.
Could you please remove the screenshots here

You’re very welcome, Nalwi. I’ve removed the screenshots as requested.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.