Image Before/After Feature – How to center them?

[tpalmer00]

#765805

Hi there,

I’m using the Image Before/After feature and wondered if anyone knew how to center align the images?

[tpalmer00]

#765809

Hi everyone,

I’m trying not to use the deprecated <center> tag on this page: https://www.ikmenvironmental.co.uk/

So i’ve tried to use CSS below but noting seems to work. Any suggestions?

.fusion-image-before-after {
display: block;
text-align: center;
margin: 0 auto;
}

[marklchaves]

#765878

Hi,

Have you tried adding your before/after element to the middle column to either a 1/3, 1/2, 3/5 3-column layout? Then, make sure your middle column has either equal side padding/margin or none.

[vcw]

#879585

Hi,

This works for me:

.fusion-image-switch {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}

[wdmoss]

#879868

The above selector (.fusion-image-switch) didn’t work for me.

This works for me:

.fusion-image-before-after-element {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}

[Author]

Posts