add font awesome icon to list

This topic contains 1 reply, has 2 voices, and was last updated by  Sebastian 4 weeks ago.

Author Posts

jassheridan

Hi

I’ve targetted my list successfully but can’t figure where I set the image to be a font awesome icon rather than the styles that are suggested in microthemer? Can you please point me in the right direction.
Thank you


Sebastian

Hey Jas, could you post a link to the page you’re working on please?

Font awesome works by setting the content value of the ::before pseudo element to special unicode value like “\f1b9”

Normally you would just add some HTML with a specific class that font-awesome recognises, but if you’re trying to set the icon in Microthemer you would need to target the element with a pseudo element selector e.g.

.my-selector::before {
    content: "\f1b9"
}

Cheers,
Sebastian

You must login or register to reply to this topic.