Altering Images on Masonry Gallery - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 4, 2025 at 6:09 am #1492090

condonp
Participant

I am trying to alter the images dimension and size of the Masonry Gallery and add a small border as in https://wayneandersonart.com/gallery/nggallery/advertising-design/advertising-design. I have created a page at https://peter-test1.co.uk/test/ but don’t seem to be able to alter the image dimensions to copy this can you help please.

Many thanks

Pete

December 4, 2025 at 7:30 am #1492098
Ismael
Moderator
Hey condonp,

Thank you for the inquiry.

You can use this css code to apply borders to the masonry images:
```
.av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container {
    border: 1px solid #000000;
}

.av-fixed-size .av-masonry-image-container .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container .av-masonry-image-container {
    border: 10px solid #ffffff;
}
```
Result:

Best regards,
Ismael
December 4, 2025 at 7:41 am #1492102

condonp
Participant

Thanks for your response Ismail,

How do I alter the sizes and dimension on of the thumbnails in the gallery to be the same as at https://wayneandersonart.com/gallery/nggallery/advertising-design/advertising-design.

December 4, 2025 at 7:49 am #1492103

Ismael
Moderator

Hi,

Thank you for the update.

In the Masonry edit panel, go to Styling > Masonry Settings, then locate the Image Size settings. Set this to the first option No Scaling to display the image at its original size. Please let us know the result.

Best regards,
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.