Archived topic
Spacing between images for Dispatch's Magazine Grid
5 replies · Started by Olli on August 1, 2022
Hi!
I'm using Dispatch and would like to have some spacing between the single images on the Magazine Grid. Something like a white boarder would bei awesome.
Everything I tried so far totally messed up the layout and I'm sort of helpless at the moment.
I couldn't find any similar question in the forum so I'm hoping on getting any help this way :)
I tried to paint the desired white boarder in orange:
Hi Olli,
Here’s a CSS you can try adding through Customize > Additional CSS:
.page-hero .wp-show-posts > article {
padding: 10px;
}Thanks for the quick reply but that code results in a gap at the bottom for the big image:
(the orange area)
How can that be fixed? I guess the big image needs to have more height in order to make everything "fit again"?
1. Add this CSS too:
.wpsp-card .wp-show-posts-inner, .wpsp-card .wp-show-posts-image {
height: 100%;
}2. Change this CSS:
.wpsp-grid article:first-child .wp-show-posts-image a img {
height: 500px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}to:
.wpsp-grid article:first-child .wp-show-posts-image a img {
height: 100%;
width: 100%;
}Thank you so much - you guys rock! :)
You are welcome :)
