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

Brine: Make header transparent only on the homepage?

Question

I'm looking for a way to make my header transparent only on my homescreen. Unfortunately, there is no option to keep the header transparent when over images, so I'm left leaving it as a solid color on every page, or transparent on every page (which means it can't be seen with my current colors). Does anyone know how to solve this? I'd appreciate the help.

Site: link textPassword: Hellomammoth821!

Edited by asp821
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

Are you using Custom Code Injection? If so, the styling will take place on all pages. To have styling only affect a certain page, place the code in its own page header.


<style>
   .ancillary-header-primary-nav-position-bottom-right.has-primary-nav .Header--bottom  { background: none !important; }
</style>

If the above code is working, then follow the directions here in the section "Per-page Code Injection."

https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection

Share this post


Link to post
  • 0

HI Conrads- I am trying to achieve the same- tried your code but it is not doing anything? any ideas what I am doing wrong? Thank you so muchalt text

screen-shot-2017-08-18-at-100635.png.dd506b6978ec7c49ccb829df4bd72331.png

Share this post


Link to post
  • 0

I'm having the exact same issue. There is a note that Custom CSS does not apply to Cover Pages and I think that is the issue. There has to be a good work around...

Let me know if you have figured out something.

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