Jump to content

Changing headline title card opacity and text color

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

8 hours ago, Zakuii said:

Your site is private. Can you setup password & share url again?

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
On 7/15/2022 at 1:28 AM, Zakuii said:

Hello, I am attempting to override the Headlines title card used as a banner by changing opacity and changing the title text color and text body color. 

Thank you in advance. 

Screen Shot 2022-07-14 at 11.20.20 AM.png

Add to Design > Custom CSS

body.homepage .slide-content.list-item-card-background.list-item-rich-animation {
    background-color: rgba(255,255,255,0.95);
}
body.homepage .slide-content.list-item-card-background.list-item-rich-animation h2 {
    color: red;
}

 

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
20 hours ago, Zakuii said:

Unfortunately that didn't do anything. 😞 

 

Can you add & keep the code? We can check it again easier

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
12 hours ago, Zakuii said:

Added the code. The changes only show up in the preview and not on the actual site in Chrome and Safari and after I cleared cookies and restarted. Odd. It just doesn't show the changes on the actual interface. 

Screen Shot 2022-07-19 at 12.39.30 PM.png

Screen Shot 2022-07-19 at 12.39.59 PM.png

I see it changed here. Lenovo/Chrome

image.thumb.png.055e9dbf37eac86ca0df3d7740c709b4.pngimage.thumb.png.055e9dbf37eac86ca0df3d7740c709b4.png

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

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.