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

Transparent Header on Front Page only (7.1)

Question

I'm trying to get a transparent header on Almar (V. 7.1). I only need this on one page so that I can have a black header on all of the other pages and have my logo show through on a banner image on the main page. Any help would be appreciated. 

Share this post


Link to post

20 answers to this question

Recommended Posts

  • 2

@CaptainMaze Add to Home > Design > Custom CSS

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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@CaptainMaze some custom code can solve. Can you share Almar demo Url or your site url?


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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Posted (edited)

I am also wanting to achieve this, and the code that tuanphan posted works, however it displays the actual code itself at the top of the page. I am in Squarespace 7.1 as well. Does anyone know how to hide the code from displaying?

Edited by alexjschauer

Share this post


Link to post
  • 0
2 minutes ago, alexjschauer said:

I am also wanting to achieve this, and the code that tuanphan posted works, however it displays the actual code itself at the top of the page. I am in Squarespace 7.1 as well. Does anyone know how to hide the code from displaying?

WHERE did you add?


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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
1 minute ago, tuanphan said:

WHERE did you add?

Realized that it was an issue on my end. I was having troubles shortly after with my browser as a whole, and cleared the cookies and everything is back to normal and works again. Thank you for your reply!

Share this post


Link to post
  • 0
4 minutes ago, elizabethgaffney said:

This code works well thanks Tuanphan! : ) But does anybody know how to make the navigation links white for transparent header in homepage only in 7.1 ? 

Header Nav item use first section text color


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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

So, I'm the opposite! I have transparent everywhere but would like a solid navigation bar on the homepage. I tried to play with the code but didn't manage myself.. any ideas? 🙂

Share this post


Link to post
  • 0
24 minutes ago, naeviklund said:

www.annsim.de/home (It's still very much WIP!)

Add to Home > design > Custom CSS

body#collection-5ef1d384a1668a76c2629b73 header#header {
    background: green;
}

 


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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


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

Header Nav item use first section text color

Hi tuanphan, i've managed to make the header transparent for the homepage only, however I cannot seem to find how to make the text white just on the homepage.

Thanks!

Share this post


Link to post
  • 0
7 minutes ago, masongray said:

Hi tuanphan, i've managed to make the header transparent for the homepage only, however I cannot seem to find how to make the text white just on the homepage.

Thanks!

Hi,
Please share your website URL.

Best,
Leopold


Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Share this post


Link to post
  • 0
21 minutes ago, masongray said:

Hi Leopold,

The url is masongraymenswear.com.au

Thanks!

Use this code in Design -> Custom CSS

#collection-5f1d1f8d0e1af3503caff550.homepage .header-announcement-bar-wrapper {
    filter: invert(1) !important;
}

Please use the like button if it helps you!

Best,
Leopold


Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Share this post


Link to post
  • 0
33 minutes ago, IXStudio said:

Use this code in Design -> Custom CSS


#collection-5f1d1f8d0e1af3503caff550.homepage .header-announcement-bar-wrapper {
    filter: invert(1) !important;
}

Please use the like button if it helps you!

Best,
Leopold

Thank you so much this worked!

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