[craiginho10]

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]

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]

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]

Anonymous

#31111

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

[craiginho10]

craiginho10

#31112

Ok. Thanks.

Is there an expected release date for this?

[Anonymous]

Anonymous

#31113

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