custom widhet color « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

custom widhet color

(8 posts) (2 voices)

Started 6 months ago by hueskye
Latest reply from Prasanna SP
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

hueskye
Member

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?

Posted 6 months ago #
Prasanna SP
Moderator

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

Please provide link to your site

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #
hueskye
Member

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.

Posted 6 months ago #

Prasanna SP
Moderator

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

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #

hueskye
Member

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

Posted 6 months ago #
Prasanna SP
Moderator

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

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #
hueskye
Member

thanx Prasanna, you re the best as always;)

Posted 6 months ago #
Prasanna SP
Moderator

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

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #

Topic Closed

This topic has been closed to new replies.