How to change font type, size & color of text links for gallery images

Site URL: https://suzan-terzian-draft.squarespace.com/homepage-content

Hi everyone,

I'm currently making some changes to my client's homepage at the following link below & i need some help with the gallery images:
https://suzan-terzian-draft.squarespace.com/homepage-content.  (Brine template, Squarespace 7.0)

if you scroll down somewhere to the middle of the page, you'll notice a gallery of 3 images with text links to the various internal pages.

Noticed that Squarespace doesn't give us the option of changing the font type, size or color of the text links.

So how can I go about making such changes using CSS code?

Thanks in advance! 🙂 

Stay safe,

John C.

You mean 3 image blocks? Programs, Blog, Recipes?..

11 hours ago, tuanphan said:

You mean 3 image blocks? Programs, Blog, Recipes?..

yes, that's right.

how do i change the font type, size & color for the text links using CSS code?

Hey @TangoZap

some basic settings  do not require custom CSS but it might not show up at first click.
go to DESIGN > STYLE EDITOR and look for IMAGE BLOCK: POSTER
 

3 hours ago, ArminB said:

Hey @TangoZap

some basic settings  do not require custom CSS but it might not show up at first click.
go to DESIGN > STYLE EDITOR and look for IMAGE BLOCK: POSTER
 

Ok thanks alot.

But how do i change the font colour, size & type for EACH individual image on its own?

As whatever changes I make under the IMAGE BLOCK:POSTER applies to all 3 images, I need to make individual changes to each  image instead, which requires CSS code.

in that case you're right. you'd need some css rules.

First you got to use the web console of your browser to identify the unique ID of this block

e.g. the one in the middle is block-d6511eb45f871f50e348
then it goes like this:

 

#block-d6511eb45f871f50e348
{ your CSS rule here }

i see.

ok then, thanks.