add font awesome icon to list

Author Posts

jassheridan

Heads up! this post was created when Microthemer was at version 6. The current version is 7. Some references to the interface may be out of date.

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.