Fontawesome in widgettitle Executive pro

[[email protected]]

I want to add an fontawesome icon in the widget title. But the widget title cant handle HTML. I searched the forum but i cant find how to activate html in a widget title without using a plugin.

[jrotem]

Have you tried the text widget?
I came here because I too want to know if FontAwesome is compatible with Genesis / ExecutivePro.

RJ Roth

---

“It’s always something.” — Rosanne Roseannadanna

[jrotem]

I got it to work.

Using code from the http://fontawesome.io site, I input this into a text widget (in my case for contact info in the footer - email and phone so far):

<p>
<i class="fa fa-envelope fa-2x"></i>
Email me
</br>

<i class="fa fa-phone fa-2x"></i>
310-123-45678 (fake phone #)
</p>

Is that the sort of thing you are looking for? I am new to Genesis so I'm winging it here! 🙂

---

“It’s always something.” — Rosanne Roseannadanna

[Victor Font]

If you want to use the same character for all widget titles, you could try the "before" pseudo-element like this:

 .widget-title::before {
	content: "\f333";
	display: block;
	font: normal 20px/1 'fontawesome';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jrotem]

Hi Victor!

Could I do something like this and use a fontawesome icon as a bullet in one widget only, say, "Featured Posts" in Footer3?

---

“It’s always something.” — Rosanne Roseannadanna

[Victor Font]

If there's a clear way to identify the single widget for css purposes you can.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[[email protected]]

Thank you very much for the solution Victor! I tried to solve it in the function.php to activate a shortcode, but that didnt work.
this is a much better way to do it!

[[email protected]]

Tanks for your answer. I know the way of i class.. I was only finding a way to activate "html" in de widget title.. But that didnt work in this theme. I have to add 3 icons to my widget titles, but Victors way works fine!

[jrotem]

Got it to work!
Using code I found on http://fontawesome.io, I put this code in a text widget (in my case for contact info in the footer) for email and phone, for example:

<p>
<i class="fa fa-envelope fa-2x"></i>
Email me
</br>

<i class="fa fa-phone fa-2x"></i>
Phone
</p>

>> Is that the sort of thing you are looking for?

---

“It’s always something.” — Rosanne Roseannadanna

[Author]

Posts