Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2016 at 7:03 pm #692858
    Tarek

    Hello,

    I used the below code to make the header of my website gradient.

    .home #header_main {
    background: linear-gradient(black, transparent);
    }

    This only applies to the home page.

    When i scroll down i want the color of the header background to go back to the default color.

    How can i do that.

    September 28, 2016 at 9:53 pm #692885
    Jordan

    Hey Tarek,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    September 28, 2016 at 10:46 pm #692901
    Tarek

    Hello Jordan,

    Thank you for your reply.

    Below are the steps i took, you can see the result in the screen cast here http://screencast.com/t/QR3mjBgso

    i created a transparent header for the home page and used the CSS (.av_header_transparency .logo img {display: none; }) to hide the logo on this page
    – When you scroll down the logo appears
    – i added a CSS to make the header area gradient instead of a solid colo (.home #header_main {background: linear-gradient(black, transparent);}
    – when i scroll i want the header color to change to the default color or any color of my choice instead of having the gradient.

    Thank you

    September 29, 2016 at 10:40 am #693034
    Jordan

    Hi Tarek,

    Thanks for the further explanation.

    We need a link to you homepage so that we can inspect the element and assist with the code to make those changes. You can place the link in the private data section.

    Best regards,
    Jordan

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.