Jump to content

Target specific thumbnail on homepage CSS

Recommended Posts

Hi, I would like to target the specific thumbnails on my homepage but cannot work out how to find what the individual elements are called using CSS. E.g. At the moment the background of both the first two thumbnails are yellow. How would I target the first one so that it has a red background, and the second has a yellow background?

Thanks

Liv

My site is: greyhound-keyboard-sa3k.squarespace.com

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

@LivAils Add to Home > Design > Custom CSS

#projectThumbs a[href="/londonisopen/"] img {
    background: #ff0000;
}
#projectThumbs a[href="/summer-of-sport/"] img {
    background: yellow;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

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.