Archived topic

Follow buttons using font awesome

3 replies · Started by Max on February 19, 2017

Viewing posts 1–4 of 4

February 19, 2017 at 9:54 am #280949

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.

February 19, 2017 at 9:59 am #280951

Hi Max,

February 19, 2017 at 11:58 am #281008

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

February 19, 2017 at 12:09 pm #281012

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

This archived topic is closed to new replies.