Jump to content

Custom Calendar Event Header or Color?

Recommended Posts

Posted

Hello!

I have a transparent header throughout my site and when I'm creating my Event pages (and the Access Denied Page for Members) the transparent header is an issue. Is there a way to change the header color just on these two pages without it being universal?

Thanks!

Screen Shot 2021-06-30 at 10.43.02 AM.png

Screen Shot 2021-06-30 at 10.43.13 AM.png

Screen Shot 2021-06-30 at 10.45.23 AM.png

  • Replies 7
  • Views 721
  • Created
  • Last Reply
  • 2 weeks later...
Posted
On 7/13/2021 at 5:12 AM, cbieri said:

https://www.thegarden.life/events
p: thegarden715

Looking to make the background #006666 on all my event pages while keeping the header transparent on the home page.

Add to Design > Custom CSS

/* Events page background */
body.collection-type-events-stacked .section-background {
    background-color: #006666 !important;
}

 

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!)

Posted
18 hours ago, cbieri said:

Check that... I did some updates to make this easier I think.

https://www.thegarden.life/events & all the individual events (has the #006666 background... as set globally)

I want the following page headers to be transparent:

https://www.thegarden.life/member-events
https://www.thegarden.life/founders-circle
https://www.thegarden.life/contact
https://www.thegarden.life/transformation-members

Thanks!

Transparent header or white header?

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!)

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.