Gradient Colour of menu bar

  • craiginho10

    #5206

    Hi,

    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 http://bookblog.kjodle.net/)

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

    #header-menu-wrap {
    background:#6666ff!important;
    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

    Quote:
    !important

    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

    Anonymous

    #31109

    Try

    #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.

    craiginho10

    #31110

    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?

    Anonymous

    #31111

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

    craiginho10

    #31112

    Ok. Thanks.

    Is there an expected release date for this?

    Anonymous

    #31113

    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!