Changing heading size on image block

Site URL: https://oboe-chameleon-7sgl.squarespace.com/offerings-in-depth-1

Hi! I would like to change the size of the heading font on an image block and wondering how to do so.

I learned how to change the font, but can you tell me how to change the size so it's smaller + text padding? 

https://oboe-chameleon-7sgl.squarespace.com/offerings-in-depth-1

pw: mojave

/* Image blocks and button in image blocks */
.sqs-block-image * {
   font-family: "Futura" !important;
}

Thank you!

@tuanphan

Add to Home > Design > Custom CSS

.design-layout-overlap .image-title p {
    font-size: 10px !important;
}

Thanks @tuanphan

Rather than making the font smaller, how can I change the spacing between the characters? The padding, that is.

On 8/1/2020 at 2:58 AM, mmkme said:

Thanks @tuanphan

Rather than making the font smaller, how can I change the spacing between the characters? The padding, that is.

 

.design-layout-overlap .image-title p {
    font-size: 10px !important;
	letter-spacing: 5px;
}