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

Transparent Headers on Main Nav Pages

Question

Posted (edited)

Site URL: https://tuna-raccoon-f8cp.squarespace.com

I am looking to make several pages in the main nav with transparent headers. I located the code to make the home page transparent, but how can you code other pages? Specifically I want "solutions," "resources," "partners," "about" to have the transparent headers (and potentially other pages) all so that I can keep the solid blue header on product pages, blog pages and staff/team pages (which is many pages so makes more sense to custom code the transparent headers since there are only 4-5 of them). Thanks for any help!

Edited by deziner2010

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

Which code did you use to create transparent header?

Edit your code to this and add to Page Settings > Advanced > Header

<style>
.header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important
}
</style>

If you use Personal Plan, use this code, replace .homepage with Page ID

.homepage .header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important
}

How to find Page ID.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
Posted (edited)
16 hours ago, tuanphan said:

Which code did you use to create transparent header?

Edit your code to this and add to Page Settings > Advanced > Header


<style>
.header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important
}
</style>

If you use Personal Plan, use this code, replace .homepage with Page ID

How to find Page ID.

Thank you for your response. This worked on every page but the blog page. It also made all of the blog posts have a transparent header. Any way around that?

Edited by deziner2010

Share this post


Link to post
  • 0
On 4/15/2020 at 7:46 PM, deziner2010 said:
.collection-type-blog-basic-grid.view-list .header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
On 5/13/2020 at 8:51 AM, tuanphan said:

.collection-type-blog-basic-grid.view-list .header-announcement-bar-wrapper {
    background: rgba(0,0,0,0) !important
}

 

Thanks - that did not provide a solution. I still have the transparent blog posts, and now I have a banner on the blog page.

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