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

Transparent Header on Front Page only (7.1)


CaptainMaze

Question

Recommended Posts

  • 2

@CaptainMaze Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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
Link to comment
  • 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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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

Link to comment
  • 0
6 hours ago, sirinalaw said:

hi @tuanphan

I tried your code to make my cover page header transparent but it did not work. 

My URL is sirinalaw.com

I see fine here. Do you still need help on this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1
On 10/11/2020 at 2:08 AM, sirinalaw said:

@tuanphan yes I still need help, the cover page header is still not transparent

Add to Home > design > Custom CSS

/* homepage header transparent */
.homepage header#header {
    background: transparent;
}

image.thumb.png.e12c7e3e6d4af11e07d903c514ad7114.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...