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

Transparent header with white text on one page only


Recommended Posts

Site URL: https://stringerslondon.com/thestringersway

I would like my header on one page only to be transparent so that a video I have playing in the background will be fully visible. I still want the logo and navigation bar to be there so just need the background of the header to be transparent.

Here is the page I need worked on
https://stringerslondon.com/thestringersway
pw: Nathan1234

I worked out how to make the entire header transparent using opacity: .0 but couldn't get the logo and text to be opaque.  

help!

Link to post
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Posts

You will need to make your logo a transparent png. This is the code to do what you want #collection-5f1bf60c33dc544479f83e06 .header-announcement-bar-wrapper { background: transparent !im

You will need to make your logo a transparent png.

This is the code to do what you want

#collection-5f1bf60c33dc544479f83e06 .header-announcement-bar-wrapper {
    background: transparent !important;
}

 

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

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