How can I put icon next to my text?

This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago by Elise Noromit.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 6, 2019 at 8:23 am #136193

Xtolia
Participant

Hi team, I was wondering on how I can put one of the font awesome icons next to my text..
So my text is a h4 tag and I want to put the linkedin Social media icon on the right side of the name and make the icon linked to my social page? view attachment for example… please advise 🙂

Attachments:
You must be logged in to view attached files.

August 6, 2019 at 10:36 am #136219

Elise Noromit
Member

Hello,

1. Chose the icon https://fontawesome.com/v4.7.0/icons/

2. Put the icon, for example, <i class="fa fa-address-book" aria-hidden="true"></i> beside the text in the text mode http://prntscr.com/op04ds

Best Regards

August 6, 2019 at 12:09 pm #136240

Xtolia
Participant

Okay thanks, that worked however I have my text in h4 tag for example like this

<h4>KIM RENTON R.N. B.A.</h4><i class=”fa fa-address-book” aria-hidden=”true”></i>

and when I update the page, it shows the icon below the text and not beside it.

Attachments:
You must be logged in to view attached files.

August 6, 2019 at 4:12 pm #136284

Elise Noromit
Member

Hello,

Put the icon inside the title, like this <h4>KIM RENTON R.N. B.A. <i class=”fa fa-address-book” aria-hidden=”true”></i></h4>

Best Regards

August 6, 2019 at 4:24 pm #136290

Xtolia
Participant

I tried that but it didn’t work at all, can you go into my site and try it yourself to see..

August 7, 2019 at 6:21 am #136400

Elise Noromit
Member

Hello,

Check your credentials I can not log in, provide the page URL

Best Regards
Author

Posts