Center Image in a Column

[kcreative]

Hi guys,

having issues centering an image in a column, have applied the following css https://prnt.sc/iuk68o for this image https://prnt.sc/iuk66h:

/* Center Images */
.image-center {
display: block;
margin-left: auto;
margin-right: auto;
}

bu tit doesn’t work…

[nico]

Hi @kcreative,

Thanks for writing in.

Add width to the image class.

for example.

.image-center {
display: block;
margin-left: auto;
margin-right: auto;
width:80%;
}

hope it helps.

Let us know how it goes.

Thanks.

[kcreative]

Thank you, it does! However, is there a way to center the images without reducing the width? If I apply 100% there is no effect…

[nabeel]

Hi again.

You can remove your class .image-center and use a simple method of centering any element by adding text-align: center; to the Inline CSS field of your section, please see https://theme.co/apex/forum/t/how-to-center-a-button/27008/2

This will center align everything inside the section without reducing the width.

Let us know how this goes!