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
  • Created
  • Last Reply

Top Posters In This Topic

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
 

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:

 

#block-d6511eb45f871f50e348
{ 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.