Help with background code

Hi there,

I am super new to this but I want to add an animated gradient background to my landing page. Can anyone show me where to add this code that is generated from Animista? I have tried adding it to custom css but it doesn't work. Thank you!

Can you paste code from tool here? We can check easier

And this symbol is invalid

Hi Tuanphan, thanks for responding. I have given up with that idea and gone with something else - just a fixed background image  - I am trying however to get my site header to stay transparent when I scroll down my site so that the text in the header is visible on all page sections. I have tried various codes that I have come across online but nothing seems to work for me. Do you have any ideas? thanks!

The latest one I tried was this, to no avail...

header.Header.Header--top {
    position: fixed;
    background-color: transparent !important;
}

@Newbie2 Can you share your site URL for context? 

Hi Lesum it is https://springtail-fennel-w5bn.squarespace.com

the password is sunnyday

@Newbie2 Hi! First enable the ‘Fixed Position’ option for your header in the Squarespace editor by navigating to Edit > Edit Site Header > Edit Design > Fixed Position, and toggle it on. See the screenshot for reference.

After that, you can add this code under Website > Pages > Website Tools > Custom CSS.

.header.shrink {
    background: transparent !important;
}

@Lesum Thank you, thank you, 🙏