Jump to content

Fade in header background in the middle of a particular section

Recommended Posts

Posted

Site URL: https://www.ajpgroup.com/home

Reference URL: brabus.com/en

Hi, I wanted to know if it is possible to have it where my header background is transparent when you first load up the website and the header background slowly appears as i scroll down the first section my page if that makes sense if so, please let me know how I can do it.

  • Replies 2
  • Views 468
  • Created
  • Last Reply

Top Posters In This Topic

Posted
On 4/2/2022 at 5:56 PM, tuanphan said:

Add this to Design > Custom CSS

body#collection-623f56ea39ca71708c7e033f article section:first-child {
    padding-top: 0px !important;
}
header#header {
    transition: all 0.9s !important;
}

 

Wasn't exactly what i was looking for but my boss was happy with it, Thank you tuanphan! :)

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.