Archived topic
elements / page - how to decrease the width of the page
3 replies · Started by Manoj on May 14, 2021
Viewing posts 1–4 of 4
https://bballexperts.com/logo-tshirts/
currently the images are corner to corner
i want some space on both corners - how to do that
currently it is visible - 3 images on desktop & 2 images on mobile
i want only 1 image in mobile, how to do this?
Hi there,
try adding this CSS:
/* Increase space between gallery items to 3em */
.wp-block-gallery .blocks-gallery-item {
margin: 0 3em 3em 0;
width: calc(50% - 3em);
}
/* Set gallery to single column mobile */
@media(max-width: 768px) {
.wp-block-gallery .blocks-gallery-item {
margin: 0 0 3em 0;
width: 100%;
}
}super, thanks
You're welcome
This archived topic is closed to new replies.
