Changing text in specific section and making moving/dynamic objects

[Maxyb77]

How do I make images gradually appear and move like on this store (I liked the idea and want to implement it). - clubhousereps.uk

I also need help changing the colour of the header to be white but black when I hover over it.

I also like how the header has white text (see images below )but then upon moving the mouse onto it it changes white and the text colour changes black.

My store is https://truereps-2986.myshopify.com/?_ab=0&_fd=0&_sc=1 password ‘laulip’. I already have the sticky transparent header but want help with the things above.

Thank you

[BSS-Commerce]

Hi @Maxyb77

Please follow these steps:

• Go to Online Store => Themes => Edit Code and search base.css, then add the below code at the end of the file:

#site-header .header__icon{
  color: #fff;
}

#site-header .header__heading-link .h2{
  color: #fff;
}

#site-header .list-menu .header__menu-item span{
  color: #fff;
}

#site-header:hover .header__icon{
  color: #333;
}

#site-header:hover .header__heading-link .h2{
  color: #333;
}

#site-header:hover .list-menu .header__menu-item span{
  color: #333;
}

#site-header{
 transition: all 0.4s ease;
}

#site-header:hover{
  background-color: rgba(255 255 255/0.5);
}

• Here is the result:

• Here is the result when hover:

I hope that it will work for you.