Gradient settings

  • TechnoSparks

    #4739

    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…

    Prasanna SP

    #29018

    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)

    TechnoSparks

    #29020

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

    Prasanna SP

    #29021

    Using firebug, take out mozilla gradient code and replace

    -moz-linear-gradient ....

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

    and

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

    TechnoSparks

    #29022

    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?

    Prasanna SP

    #29023

    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;
    }

    TechnoSparks

    #29024

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

    Mod

    TechnoSparks

    #29026

    Thanks, guys. 🙂

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

    Prasanna SP

    #29027

    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)

You must be logged in to reply to this topic.