CSS Code to centre an image on Image Layout - Forum | JoomShaper
Solved SP Page Builder

CSS Code to centre an image on Image Layout

Asked by Francois Barnard 2 years ago Last activity 2 years ago

Hi

A client tries to list his products on his website using Image Layout. He used a uniform width for all images, but they now left-align in the picture.

See https://miraclesolution.co.za/ If you click on "Products" you will see the images and button at the bottom aren't centred, but the text is. Do you have CSS code that will centre those images?

Regards,

Francois

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
2 years ago

Hi

Thanks for contacting us. Use this CSS in your custom.css file

.sppb-addon-image-layout-wrap{
  display: flex;
  justify-content: center;
  align-items: center; 
}

-Regards.

Francois Barnard Asked this
2 years ago

Thank you so much! That is perfect.

Mehtaz Afsana Borsha Staff
2 years ago

You are always welcome.

Log in to reply.