Adding Font Awesome Icon to Monochrome Pro Widget?

[RavenManiac]

Is there any way to add a Font Awesome icon above the three text widgets (Design, Content, Strategy) in the Front Page 4 widget area of the Monochrome Pro theme. Keep in mind that this is a flexible widget area.

Thanks!

https://my.studiopress.com/themes/monochrome/#demo-full

[Christoph]

Hi,

I'd try using the :before or :after pseudo-class to show and position the icons.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[RavenManiac]

Do you know if Font Awesome is built into the Monochrome Pro theme?

[Christoph]

FontAwesome is not enqueued by Monochrome Pro but http://ionicons.com/ is.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[RavenManiac]

Thanks. So how do I add Ion Icons to a Studio Press template?

[RavenManiac]

Ok, I figured out how to use them:

<span class="ion-checkmark" color=#ff0000"></span>

And I figured out how to style them:

.ion-checkmark {
	color: red;
	font-size: 4rem;
}

But how do I target them on a specific page?

[Victor Font]

WordPress adds a page-id class to every page it generates. Examine the source code, look at the body tag. The page-id-xxx class is in the string of classes. Then, add the class to the CSS in style.css like this: .page-id-99 .ion-checkmark {}

---

Regards,

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

[RavenManiac]

Excellent. Thanks Victor.

[Author]

Posts