Problem to center an element

[antoine_generau]

Hello,

I’ve got some problem to center elements on a page and do not understand what is causing the problem. I tried to center a line (center in the row, center in the column,…) but it doesn’t work.

URL: https://excellianz.neowebsite.io/nos-prestations/

What am I doing wrong? I add the same problem to center an image on the same page…

Thanks,
Antoine

[ruenel]

Hello Antoine,

Thanks for writing in!

To center the line, please edit the page back in Cornerstone, click the line element and update your inline css into this:
width:20%;border-top-color: #e2012b;border-top-width: 1px; margin: 1.5em auto;

We would loved to know if this has work for you. Thank you.

[antoine_generau]

Thanks, it works. I tried to apply margin: 1.5em auto; to an image but could not center it? What do I need to change? And why centering the content from one column doesn’t center the image in it?

[ruenel]

Hello @Lecoqdigital,

The given inline css is for the line only. For you image, you must click the column and use the text alignment in the column settings. You wonder why all the contents were left align in that red section, that is because in the row settings, you have set the text alignment to left.

Hope this helps.