Avada Forums Community Forum Image Before/After Feature – How to center them?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • tpalmer00
    Participant
    Post count: 4

    Hi there,

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

    tpalmer00
    Participant
    Post count: 4

    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
    Participant
    Post count: 873

    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
    Participant
    Post count: 1

    Hi,

    This works for me:

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

    wdmoss
    Participant
    Post count: 1

    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;
    }

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.