Changing Font on Image Block Poster

Site URL: https://www.waterdragonfabrics.com/

Hi there!

I am trying to create a piece of CSS code to change the font on my gallery image block (poster). The text that's in bold letters on top of the image.
 I have just tried piecing something together but I have not enough knowledge of CSS. Something along the lines of this:

.design-layout-poster .image-title p:(color:white!important font:? size:?

You can see I am not too experienced. Would appreciate your help. Also I am not sure where to take the font info from. I am imagining I can just use a font name that squarespace offers me in the site styles?

Best wishes,

Marco

I finally figured this out! It was really hard to find the element in the code. (This is on a 7.1 site.)

This worked for me for the heading:

.sqs-block-image .design-layout-poster .image-title h1 { 
    font-family: Arial;
    color: #000000 !important;
}

For the Sub-Title, just switched h1 to p:

.sqs-block-image .design-layout-poster .image-subtitle p {
    font-family: Arial;
    color: #000000 !important;
}

The font-family did not need the !important flag, but the color did. 

could you or someone help me find the code do this for 7.0??

On 4/7/2023 at 5:25 AM, mhurley118 said:

could you or someone help me find the code do this for 7.0??

Above code should work for 7.0 and 7.1. You can try it first