How to center images

Support
#1

Hi,
How do I center images? With text there is option to align to center, but I for images I don’t know how to do it.
Eg. this page: http://nimuefichtenbauer.com/quick-lovescan/
where I speak about the different roles.

Thank you!
Nimue

#2

HI Nimue,

Try adding center-text on the class field of the column where the image is added.
For more helper classes, please check this link.

#3

Thank You Lely,
you mean just the single “center-text”?
I did it add it in the class field, but it didn’t work!
Is there another way?

Thank you
Nimue

#4

Hi Nimue,

Yes. I can see you have added it on the image class field. It should be on the class field of the column(it’s container) where the image is added not on the image class field. See this: https://screencast-o-matic.com/watch/cbj6jIlG3y

#5

Now it works! Thank you!
Nimue

#6

Glad to hear it.

Cheers

#7

Hi there,

now I have another question on centering images in a row with one single colum.
I’m referring to the 4th section of this page:
http://nimuefichtenbauer.com/sos-breakup-program/

There i want the image on top to be centered in the middle.

Thank you!
Nimue

#8

Hi again,

You can add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

@media screen and (min-width: 768px) {
    #x-section-5 .x-column.x-1-4 .x-img {
        position: absolute;
        top: calc(50% - 91px);
    }
}

Hope this helps!

#9

Yes thank you!
Nimue

#10

You’re welcome.