Jump to content

How to change the background color on a specific image block card

Recommended Posts

Hi,

I am trying to change the background color behind the text on specific image block cards. I have tried to use several of the custom CSS recommendations from other questions but it doesn't seem to work. We want to keep the background color as-is (white) for the other pages, so the options in "Design > Site Styles" are too broad.

Any help would be greatly appreciated.

Site info:

Our website is intowngolfclub.squarespace.com

The template is Pacific

Goal:

The goal is to make the background behind the text the cream color of the site background so that it blends in and accomplishes the same look you currently see on the homepage here: https://intowngolfclub.squarespace.com/

I have set up a page to test with here: https://intowngolfclub.squarespace.com/home-elevator-pitch-full-1

What I have tried:

I have tried several variations to override with custom css by targeting the yui and block id's but it doesn't seem to work.

Examples:


#block-399fb6d24d7525c1db35 { background-color: #F8F8F6; }

#yui_3_17_2_1_1567173362664_2427 { background-color: #F8F8F6; }

#block-399fb6d24d7525c1db35 { background-color: #F8F8F6; !important}






Link to comment
  • Replies 3
  • Created
  • Last Reply

@clinjar use this code, with body#....44f7 is your test page ID. Each page will have different ID. See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID


body#collection-5d6929b7b98ae800014a44f7 .image-card-wrapper {
   background: #f8f8f6;
}




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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.