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

Sitewide header color in Squarespace 7.1


Alow
Go to solution Solved by tuanphan,

Question

Site URL: https://www.nonstoptimeless.com/hostens-biopremiarer/p/crash

So, the header draws its background color from the theme of the first section of the page. We're using store pages to display our film catalog, and I would like the header to be the same gold color as on all other pages, but I don't want the "products" to have golden backgrounds on their separate pages.

So - what css would make the header golden (#bc9d58) sitewide, disregarding what theme each section uses? Still of course transparent when at the top, just as it is now by defeault.

Much thankful for any help!

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

try again with this

body:not([data-menu-overlay-theme-switcher="true"]).tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) {
    background: #bc9d58 !important;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Add to Home > Design > Custom CSS

header#header {
    background: #bc9d58;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
On 9/12/2020 at 3:57 PM, tuanphan said:

Add to Home > Design > Custom CSS


header#header {
    background: #bc9d58;
}

 

Thanks, tuanphan. This, however makes it opaque at all times, I would like it to remain transparent when top-scrolled. Any ideas on that?

Edited by Alow
Link to post
  • 0
20 minutes ago, tuanphan said:

try again with this


body:not([data-menu-overlay-theme-switcher="true"]).tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) {
    background: #bc9d58 !important;
}

 

Tried it, still not transparent. Also tried removing the "!important", however that just took it back to normal, including the defeault header background on pages with another theme. I might just add an additional section on all pages, even when it would look better without one.

I'm very thankful for your efforts though!

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...