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

Question

Posted (edited)

Site URL: https://www.joshuakissi.com/

Hi Everyone,

Firstly can I say I haven't got any experienced with coding but I want to give this a try to liven up my website.

I would like to create a header where the logo is white but when I scroll down it changes to black. At the same time the header is currently transparent but when I scroll down it changes to have a black background. I would like it to stay transparent when I scroll to give the effect like the page elements are moving under the header. Please see website link with the kind of effect I would like to create: 

https://www.joshuakissi.com/

I have also noticed that some of my other pages have a white background so the white logo isn't visible. Would it be possible to use a piece of code to tell the site to use the black logo on these pages? The website I use as an example does something similar also for some of the other pages see link below:

https://www.joshuakissi.com/tonl

If you need to see screenshots of how my site currently looks or the link please let me know and I can send these across.

Thanks in advance for your help!

Edited by Formio

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

We need a link to your site to help.


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

Share this post


Link to post
  • 0

Whats the password?


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

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