Gradient settings

  • TechnoSparks


    In the theme settings page, I’ve changed the gradient colour setting however, the gradient is not showing rather than just plain soid colour.

    Need help immediately please…



    Gradients is supported in modern browsers only. So, if you look in IE, gradients may not show up properly. So, check your site in the latest version of firefox or chromium. Also, clear your browser cache by pressing Ctrl+F5. Then refresh page again.

    BTW, in which site you’re using Graphene theme? The one in your profile is using Evolve theme. (As seen in my Galaxy S5360)



    Oh man.. Sorry for wasting your time helping me. It’s my careless mistake. I use Opera and Opera didn’t support automatic gradient generating. I opened my site with Firefox and indeed its okay. I use Evolve since theres a problem in Graphene. I am looking forward to see if you developers could find a solution to this as I much prefer “all browser supported” theme. Thank you. 🙂



    Using firebug, take out mozilla gradient code and replace

    -moz-linear-gradient ....

    with -o-linear-gradient .... for Opera


    -ms-linear-gradient.... For IE (from 8 onwards)



    Well, I think I don’t think I have to remove them. Just add a new line for the Opera gradient CSS. Thanks. I didn’t know that Opera did have such a thing. BUT, which line should I edit? Is it all?



    No, no, you don’t have to remove current gradient code. I meant, copy the mozilla gradient code using firebug extension. And replace -moz- with -o- and then add this code to existing class in child theme or in Graphene custom CSS.

    Example: For fixing widget title gradient, (colours used in my site)

    This is taken from firebug,

    .sidebar h3 {
    background: -moz-linear-gradient(#CCCCCC, #F2F2F2) repeat scroll 0 0 transparent;

    And then I added -o- and -ms- instead of -moz- and added this to my child theme style sheet.

    .sidebar h3 {
    background: -o-linear-gradient(#CCCCCC, #F2F2F2) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(#CCCCCC, #F2F2F2) repeat scroll 0 0 transparent;



    Sorry. I am new in WordPress.. Please let me know what is “firebug”..




    Thanks, guys. 🙂

    Bye the way, can you guys tell me how to change header image?



    Bye the way, can you guys tell me how to change header image?

    WP-Admin –> Appearance –> Header

    Browse and upload new header image there.

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.