How to get rid of blank space between photos

It’s the CSS from the theme.

Go to Appearance -> Editor

Find a file named “wp.css” in the right column and click on it. It will pull it up in the editor.

Find this area in the file:

/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}

Looks like it should be right at the top.

Replace that 1.5em with a 0 (that’s a zero, not the letter) and click save.

The right way to do this is to build a child theme in case there’s an update. But you said you’re not a coder so we’re doing the good enough solution. Just be aware that if there is an update, the change will probably be over-written.

Let me know if you have any issues or need a hand with something else.

Hello Josh, thank you for replying! I cannot find the file named “wp.css” – it does not appear to the in the right column. Any thoughts on where else I could find this?

hmmmm…. you are using the Photocrati theme, right?

.css files are listed last. If you looked for it in alphabetical order, you could have missed it.

Other possibilities:

Wrong theme selected in the editor. Make sure Photocrati is selected at the top of the page (in the drop down). If not, select it and hit Select.

The displayed name might not be wp.css. You may just want to hit cmd-F to find it. (You’re a photographer. You use a Mac, right?)

Yes, photocrati.
I tried finding the title using CMD+F, no such luck.
I’ve scanned every title, even on the other options selected
(not photocrati, but “twenty twelve/ twenty thirteen, and twenty-fourtneen)

Odd… Just to ensure we’re on the same page:

You are using Photocrati BUT the only options visible in the drop down (in the theme editor) are 2012, 2013, and 2014?

Can you install your own plugins?

If so, install Simple Custom CSS. Activate it and open it (Appearance -> Custom CSS).

Add this:

.entry-content img {
	margin: 0 0 0 0 !important;
}

Click save and that should do it.

We can’t find the code to fix it. So we’ll get in front of it.

you can directly go to appearance>theme editor, click on style.css from right hand pane to edit it. add the following at the end of the file and save it and you should be fine:

.entry-content img {
	margin: 0 0 0 0 !important;
}

replace the first “0” above in “0 0 0 0” above with a small value like 5px if you want a shorter gap between the images.