Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 19, 2015 at 12:17 pm #381689
    mischa00

    Hi,

    I have a transparent header on my homepage and would like to change the colors of both the social icons and the font of the phonenumber to white when i load the page.

    When i start scrolling down, the background of that top header becomes white, so when scrolling i want to change the social icons and the font of the phonenumber to grey.

    Can you sypply the correct quick css to achieve this?

    btw: i did try this by using the advanced styling section, but his resulted in a fixed color also when scrolling down

    thanks

    January 19, 2015 at 10:39 pm #382142
    Elliott

    Hi mischa00!

    Your social icons are already turning to grey so I’ll assume you figured that out.

    For the phone number you can use this CSS.

    #top .phone-info span { color: white; }
#top .header-scrolled .phone-info span { color: gray; }

    Best regards,
    Elliott

    January 19, 2015 at 11:04 pm #382154
    mischa00

    you assume correct
    your code worked perfectly
    thanks
    mischa

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Transparent header – Social Icons and Phonenumer – Change color when scrolling’ is closed to new replies.