Image Gallery Alignment

Hello,

I have a problem with the display of the ‘Image Gallery’ item as you can see in ‘Screenshot 1’ the images are aligned to the left, in the item settings these are set to be aligned to the center (check ‘Screenshot 2’), until two three weeks ago the display was done correctly. Can you help me with solving this problem?

Thank you. Have a nice day!

Attachments:

You must be logged in to view attached files.

Hello,

Please clarify where exactly that gallery is situated and send me access to the admin panel so I can check the settings of the site.

Looking forward to collaborating with you!

Kind Regards

Hello,

I have attached the required data on the page under ‘Custom-Made’ you can see all the image galleries that are not properly displayed.

Hello,

Seems that the access is wrong: https://take.ms/IDw51

Please update it and let me know.

Kind Regards

Hello,

I’ve came back with the update.

Hello,

Please add the below code into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-images-gallery > [class*="wd-grid"] {
    display: flex;
    flex-wrap: wrap;
		gap: 0;
    margin: 0 calc(var(--wd-gap) / -2) calc(var(--wd-gap) * -1);
		justify-content: var(--wd-justify-content);
}

.wd-images-gallery > [class*="wd-grid"] > .wd-col {
    width: 100%;
    min-height: 1px;
    flex: 0 0 calc(100% / var(--wd-col) * var(--wd-col-wider, 1));
    max-width: calc(100% / var(--wd-col) * var(--wd-col-wider, 1));
    padding-inline: calc(var(--wd-gap) / 2);
    margin-bottom: var(--wd-gap);
}

Then clear the cache and recheck the issue.

Kind Regards

[Author]

Posts