Centering /centring columns not working

Hey ilowelife,

Could you post a link to where we can see the results you are getting please?

Best regards,
Rikard

Hi,

Thanks for that. The columns looks centered on my end, is that not what you are looking to achieve? I’m not sure I understand your intentions so please try to explain them a bit further, or post screenshots highlighting what you would like to achieve.

Best regards,
Rikard

Hi,
Thank you for the link to your site, I see that you are using Equal Height columns, when you do the inner columns are wrapped in a flex_column_table and a av-flex-placeholder is added between the columns.
If you use Individual Height columns your width issue would be corrected, but I assume that you wish to continue using Equal Height columns, so try changing the color section ID to eh-center-align-columns for Equal Height columns, and ih-center-align-columns for Individual Height columns.
Then use this css:

#ih-center-align-columns .entry-content-wrapper,
#eh-center-align-columns .entry-content-wrapper .flex_column_table {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}
#eh-center-align-columns .av-flex-placeholder {
    display: none;
}

After applying the css, please clear your browser cache and check.
expected results:

Best regards,
Mike