Too much line spacing between image and caption

I am setting up the website for our art gallery and there is too much space between images and the captions which provide art titles and cost of each piece. I only have the choice of changing between Header and Paragraph and under Fonts it only makes global changes to font size, no change to spacing. I've gone Fonts - Advanced, and messed around with the parameters but none seem to affect it. I would need to do this with each project (artist page) I have set up under Portfolio (Main Artist Navigation Page). 

Thanks in advance!

Can you share link to your site?

How do I share my site with you? My page is under construction and I haven't switched domains yet. Do I provide log in info?

15 hours ago, IvanXram said:

How do I share my site with you? My page is under construction and I haven't switched domains yet. Do I provide log in info?

You can setup password & share url

Thanks!

https://cello-seahorse-fw8x.squarespace.com/config/settings/site-visibility

pw: TXsouth61

The reason there is so much space here is because of the margin setting for your 'p' tag. It's currently set to '1rem 0;' which puts a significant gap between all paragraphs on your site. You can see this same spacing between the paragraphs on the Berry Fritz introduction.

These elements should really be headers and not p elements. Can you change their content element type?

20 hours ago, ChromaticZero said:

The reason there is so much space here is because of the margin setting for your 'p' tag. It's currently set to '1rem 0;' which puts a significant gap between all paragraphs on your site. You can see this same spacing between the paragraphs on the Berry Fritz introduction.

These elements should really be headers and not p elements. Can you change their content element type?

 

 

When I switch it to header and adjust the line height it helps some but there is still a little more spacing as I'd like. In addition it changes it to the script Header font, although I'm sure I could get some custom code but it would have to be uniform on all images of paintings within each project page. 

I have saved it so you could see. Just use the same link above. You'll see the middle painting Rosa's Work Box has the edit.

Thanks!

Try placing this in the page header code injection section. You can find that section in Pages > cog of the page you want to change > Advanced

.image-caption p {
    margin: 0 !important;
}

This will reduce all 'p' margins that are nested in the image-caption div. You might be able to get away with putting it in your Custom CSS section, but doing so will change it site-wide. Just something to be aware of.