Hi @sime1810
Can you provide the link to your site so that I can check and help you with it?
Regards,
ThemeGrill
https://www.911kuhlture.com/2020/02/27/a-work-of-art/
Thanks so much for looking into this for me. Whilst the desktop version looks good, the reason I want to decrease the gap between the pictures is so the images will take up more screen space on the mobile version. I’m ok if that means I also have to reduce the gaps on the desktop version. All the changes I’ve made to the appearance of the website so far via Additional CSS have had positive affect on both desktop and mobile versions.
Hi @sime1810
To achieve that you can go to the Appearance -> Customizer -> Additional CSS and then paste the following CSS code :
@media (max-width: 600px) {
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 6px 6px 0;
}
}
Let me know if this works!
Regards,
ThemeGrill
That is perfect!!!! Thank you so much! I search for ages trying to figure it out. Well beyond my abilities unfortunately 🙂
Hi @sime1810
Glad to have helped! 🙂
Do let me know in the future if you have any other queries. Also, if you like the ColorMag theme, you can help us by leaving a good review here: https://ww.wp.xz.cn/support/theme/colormag/reviews/#new-post
Regards,
ThemeGrill
