[hueskye]

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?

[Anonymous]

Anonymous

#33647

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

Please provide link to your site

[hueskye]

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.

[Anonymous]

Anonymous

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

}

[hueskye]

hueskye

#33650

thanx 🙂

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

[Anonymous]

Anonymous

#33651

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

[hueskye]

hueskye

#33652

thanx Prasanna, you re the best as always;)

[Anonymous]

Anonymous

#33653

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