[Resolved] Follow buttons using font awesome

[Max]

Hey Tom

Hope you and the family are doing well.

I just want to add two follow buttons (twitter and facebook) to my sidebar widget.

E.g.
————–
Follow Me:
T W
————

I just want a flat grey icons with a transition effect on rollover.

Any chance you can give me a html and css code set to achieve this.

I have spent the last two hours googling around but cannot find a relevant article.

Thanks in advance for any assistance.

GeneratePress 1.3.44

GP Premium 1.2.94

[Leo]

Hi Max,

Have you tried using Lightweight Social Icons?
https://en-ca.wordpress.org/plugins/lightweight-social-icons/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Max]

I am already running a lot of plugins and a child theme.

Was hoping to just use a few lines of html and css, not another plugin.

Thanks

[Leo]

Ok then try adding this in a text widget:

<i class="fa fa-twitter-square"></i>
<i class="fa fa-facebook-square"></i>

Then style it with CSS like this:

.widget .fa {
    color: #ffffff;
    font-size: 20px;
}

Check out this page for some transition tips: https://css-tricks.com/almanac/properties/t/transition/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts