Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
clinjar

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

Question

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}






Edited by clinjar

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 1

@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;
}




Edited by tuanphan
Initial Revision

You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...