Space Items Out in Portfolio Section (Shapely Theme)

I have been using Shapely to create a portfolio site as well as using the portfolio widget. I created a wireframe in Illustrator and have been trying to make the website as close to the wireframe as I can.

I am trying to add a space between each of the images displayed in the portfolio widget, but I just can’t seem to figure it out. I would really appreciate it if someone could please take a look and try and help me figure it out. Attached are photos of what my site (which can be accessed at ) looks like now and the wireframe of how I want it to look.

Thank you!

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the size of the images and add a margin by going to Appearance > Customize > Additional CSS and pasting it there.

@media (min-width: 992px)
.col-md-3 {
    width: 45%;
    margin: 20px;
    left: 3%;

Best Regards,