Gradient Colour of menu bar

  • craiginho10



    I am looking to add a gradient colour to the menu bar. I have found the code to do it but it doesn’t work. (I have seen it working at

    I am using a child theme with this code: (experimenting with colours!!)

    #header-menu-wrap {
    background:-moz-linear-gradient(#dbbf7f,#f5eedc) !important;
    background:-webkit-linear-gradient(#dbbf7f,#f5eedc);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorStr='#dbbf7f',EndColorStr='#f5eedc')" !important;
    background:linear-gradient(#dbbf7f,#f5eedc) !important;

    Because the


    is after the first colour it works. Without it the colour doesn’t change.

    Is there anyway to get the colour working? Once this works I would like to change the colour bar for certain pages… that’s the next step though 🙂

    Thanks in advance




    #header-menu, #header-menu-wrap {
    background: -moz-linear-gradient (#dbbf7f, #f5eedc) !important;
    background: -webkit-linear-gradient (#dbbf7f, #f5eedc);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorStr='#dbbf7f',EndColorStr='#f5eedc')" !important;
    background: linear-gradient(#dbbf7f, #f5eedc) !important;
    background: #6666ff !important;

    I would fire that MS gradient hack.



    Thanks for the reply,

    I have put this code in but it only reads the: #6666ff !important; at the end so I get a solid blue bar.

    I have tried it in my child style.css file and in the custom css

    It is odd because I can add a gradient to the drop down menu. It is just my menu bar. Is there any chance I have toggled a box somewhere in the graphene options panel?



    Wait for Graphene 1.8. It has all the features you’re trying to achieve now.



    Ok. Thanks.

    Is there an expected release date for this?



    Beta version is released for testing. So, the final version will be there soon.

Viewing 6 posts - 1 through 6 (of 6 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!