How to Remove Space Between Images

The space between the images on your homepage is governed by the image styles in your parent theme’s style.css:

.alignleft, img.alignleft { margin: 10px 20px 5px 0 !important; display: inline; float: left; }
.alignright, img.alignright { margin: 10px 10px 5px 20px !important; display: inline; float: right; }
.aligncenter, img.aligncenter { margin: 10px auto !important; display: block; clear: both; }
.alignnone, img.alignnone { /* not sure about this one */ }

The !important directive can make css rules more difficult to override, but you can override this for the homepage by adding the following to the child theme’s stylesheet:

.home .alignleft, img.alignleft { margin: 0 !important;}

Thank you so much, that worked!

Is there a code I can type in to edit the horizontal space as well between the “Minecraft Mod Categories” and the images on my homepage?

This is the CSS code to adjust the space between “Minecraft Mod Categories” and the images.

.wp-image-1855{ padding-bottom: 50px;}

Does that code go in the stylesheet?