Docs

[Steve C]

I have noticed that there is an issue with image alignment when using links on some images.

For example at the bottom of this page: http://iengageconsulting.co.uk/
there are three logos. When viewing the page on smaller screens the images do not align correctly unless they all have links assigned to them.

As you can see the first logo (Chartered Marketer) aligns left even though no float is selected, while the other 2 with links assigned to them are aligned centrally.

This seems like a bug, so I’m wonding what I can do to make them all display correctly?

Any help or advice you can give me will be appreciated.

[Joao]

Hi There,

As you have under constrcution plugin activated please provide your admin credentials in order that we can have a look.

Thanks

Joao

[Steve C]

This reply has been marked as private.

[Thai]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

#x-content-band-9 img.x-img {
    margin: 0 auto;
    display: block;
}

Hope it helps 🙂

[Steve C]

Thanks, I think that did the trick.
Will that code change all images inserted into similarly formatted columns?

[Joao]

Hi There,

This code aims for imgs that are on #x-content-band-9

If you need further help please provide more details and we will help you,

Thanks

Joao

[Author]

Posts