search

ColinEberhardt / applause-button

A zero-configuration medium-style button for adding applause / claps / kudos to web pages and blog posts
http://applause-button.com/
MIT License
427 stars 41 forks source link

Applying color via CSS (and gradients?) #51

Open danielthedifficult opened 4 years ago

danielthedifficult commented 4 years ago

Hello Colin, and thank you so much for this beautiful product!

I am trying to style the button via css, but I can't seem to get it to work. It defaults to green (per line 244 of the .js file).

I've tried:

applause-button { color: red; }

applause-button { color: red !important; }

applause-button .style-root { color: red; }

I apologize if this is something really simple I should be able to figure out from your examples and sample code, but it's not clear to me how to apply it.

My 'real' goal would be to be able to apply a linear gradient effect, and animate it so the button pulses during a moment where we are 'introducing' the feature to the users.

Thank you for any help you can provide regarding changing the color via CSS and/or applying a gradient.

danielthedifficult commented 4 years ago

Update:

applause-button .style-root { color: red !important; } does seem to work - but this is not ideal... if I want to change this later by adding another CSS class, it breaks...