Adding gradients to a variety of styles

[susanbethwilson]

I’m hoping to add a gradient to a variety of styles: borders, text, hover text, button backgrounds, a bar at the top of the header, a bar at the top of the footer, hover link backgrounds, link underlines. Can you help point me in the right direction about which tags I need to add the gradient code to to make those possible?

Also, I’d like to add custom styles for post categories (ie, the “science” category would be in green text, the “math” category would be in blue text, etc.): is that also possible?

[benursal]

Hi Susan,

You’ll use different methods depending on what you will be adding gradient to. But all methods will involve adding custom CSS, which I assume you already expect to be doing.

In my opinion, the best way to do it is using custom CSS Class whenever possible. Here’s a quick video tutorial regarding this method:

http://somup.com/cqQTjHeGy7

For those where you cannot add a custom CSS Class to, like in the header or footer (unless of course you’re using the Pro Header and Footer Builders), use this method:

http://somup.com/cqQTj7eG4V

Hope this helps.