Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 24, 2015 at 12:01 pm #417010
    markzarak

    Hi,
    How would I go about making my website’s header have a gradient going from light grey (#ebebeb) to white?
    Using the option: General Styling>Logo Area>Background Image> gradient-bottom-light.png has no effect.

    Also, how would I keep the header a solid color at all times instead of going transparent as soon as I scroll down?

    Thanks!

    March 24, 2015 at 3:39 pm #417112
    Yigit

    Hey markzarak!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main { 
background: #ebebeb;
background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
}

    Cheers!
    Yigit

    March 24, 2015 at 3:51 pm #417120
    markzarak

    Thank you for your reply!

    I have two other issues now, the text is white no matter what I try to change it to, how would I get black text? The second issue is the sub menu I have under about us, it’s transparent, any other color would work such as white?

    March 24, 2015 at 3:54 pm #417121
    Yigit

    Hey!

    Please go to Enfold theme options > Advanced Styling tab and edit “Main menu links” and “Main Menu sublevel Links”

    Cheers!
    Yigit

    March 24, 2015 at 4:07 pm #417125
    markzarak

    No effect!

    March 24, 2015 at 4:18 pm #417138
    Yigit

    Hey!

    Please post a temporary admin login here privately so we can look into it.

    Cheers!
    Yigit

    March 24, 2015 at 4:24 pm #417144
    markzarak
    This reply has been marked as private.
    March 24, 2015 at 4:33 pm #417151
    Yigit

    Hi!

    Please make sure to disable CSS minifying feature on total cache plugin before making styling changes. Then you can enable it. Please review your website now.

    Cheers!
    Yigit

    March 24, 2015 at 4:53 pm #417166
    markzarak

    Right, so sorry, just got the plugin an hour ago didn’t realize, I have disabled it for now. I still cannot get the submenu to highlight a different color when the mouse is over it, any ideas? I left the login in case you’d like to try again.

    March 24, 2015 at 5:05 pm #417181
    Yigit

    Hi!

    No worries :)
    Advanced Styling should look like this – http://i.imgur.com/EXq25KE.png
    Make sure to add the same element once again and check “Apply only to mouse hover state”

    Best regards,
    Yigit

    March 24, 2015 at 5:34 pm #417204
    markzarak

    Perfect, thanks so much!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Header Gradient’ is closed to new replies.