Formatting line height and text style in html code

Hi Squarespace community,

I'm wanting to tweak the formatting of the copy that sits beneath images on one particular page. I've attached an image to this post to illustrate the two things that I want to achieve

1. To Close up the line height whilst maintaining typefaces
I have tried closing up the line height by simply using a shift+return but it ends up automatically formatting the copy into one typeface which isn't what I want. I want the first line of copy to stay in 'heading 3' and the second line of copy to be 'paragraph 2'

2. To be able to shift all the text slightly upward to live closer to the image
 

Any help would be very much appreciated!

Cheers,

Robin.

Hi. Can you share link to page in screenshot? We can check easier

Hi there:

chipmunk-turbot-3bw7.squarespace.com

Let me know if that link works? The particular section of the site is under 'work'

Cheers,

Robin

On 1/13/2021 at 11:26 PM, cupoftea said:

Hi there:

chipmunk-turbot-3bw7.squarespace.com

Let me know if that link works? The particular section of the site is under 'work'

Cheers,

Robin

Add to Design > Custom CSS

/* Space image title text */
figcaption.image-card-wrapper {
    margin-top: 5px !important;
}
.image-subtitle.sqs-dynamic-text {
    margin-top: 1px !important;
}

Worked like a charm, thanks so much for your help tuanphan!