CODEWITHSUNDEEP
ruby-on-railstwitter-bootstrapfont-awesome
Ryan Rogers
Ryan Rogers

Reputation: 11

Social-buttons hover effect changing icon color

I am using Social Buttons for Bootstrap (http://lipis.github.io/bootstrap-social/) to add icon links to facebook and twitter, but I'm having trouble getting them to behave like the examples on the above site.

The buttons show up fine, but when you hover over them, the icon changes to a darker color. In the examples, this doesn't happen and the icon stays white.

The code I am using for the button:

<a class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>

I'm assuming it has something to do with the btn class, but I'm not able to find anyone else having this issue. Any guidance would be very much appreciated.

Upvotes: 0

Views: 894

Answers (2)

Ryan Rogers
Ryan Rogers

Reputation: 11

Found the answer I needed. Had to modify the button-social-icon:hover color CSS with .btn-social-icon:hover{color:#FFF}

Upvotes: 1

AndrewL64
AndrewL64

Reputation: 16301

Just add this to the end of your css:

.fa:hover{color:#FFF !important;}

Upvotes: 0

Related Questions