Jump to content

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

Recommended Posts

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.

Link to comment
  • Replies 6
  • Views 1.5k
  • Created
  • Last Reply
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?



Link to comment
3 hours ago, ArminB said:

Hey @TangoZap

some basic settings  do not require custom CSS but it might not show up at first click.

Bildschirmfoto 2020-06-02 um 07.17.38.png


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.


Link to comment

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:


{ your CSS rule here }


Bildschirmfoto 2020-06-03 um 07.48.38.png

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.