custom widhet color

  • hueskye

    #6197

    Hi;

    I would like to ask if there is a way to make only one of the widgets box in different color?

    all the widgets i have are blue by default. Now i want them to be blue still, just i want to make one of them in orange.

    any ideas?

    Prasanna SP

    #33647

    Like the Categories widget in my test site? – http://test.prasannasp.net/

    Please provide link to your site

    hueskye

    #33648

    hi;

    Almost:)

    i need to recolor the header of the widget with gradient

    so my site is Serwis narciarski;

    and now the header of widget having “Newsletter”, should be recolored into orange-black gradient.

    Prasanna SP

    #33649

    Can you give HEX colour code for orange? I assume it as #FFA500. You can choose colour code from here – http://www.colorpicker.com/

    Top orange, bottom black,

    #alo-easymail-widget-2 h3 {
    background: linear-gradient(#FFA500, #000000) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#FFA500, #000000) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(#FFA500, #000000) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#FFA500, #000000) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(#FFA500, #000000) repeat scroll 0 0 transparent;
    }

    Top black, bottom orange,

    #alo-easymail-widget-2 h3 {
    background: linear-gradient(#000000, #FFA500) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#000000, #FFA500) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(#000000, #FFA500) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#000000, #FFA500) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(#000000, #FFA500) repeat scroll 0 0 transparent;
    }

    DLqtm.png

    hueskye

    #33650

    thanx 🙂

    I presume, I should insert this inside my child theme CSS?

    Prasanna SP

    #33651

    Yes, in child-theme style.css or in Graphene Options –> Display –> Custom CSS

    hueskye

    #33652

    thanx Prasanna, you re the best as always;)

    Prasanna SP

    #33653

    Marking thread as resolved. You can do this yourself as well.

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

You must be logged in to reply to this topic.