`
That works!
1. How do I recolor bottom 3 li FA icons?
2. Still like to know how I place an FA in ::before.
Not using Bootstrap, just html, css & js.
`Choose Your Option Tax Deductions
- Once-a-year membership donation.
- A particular Poetry.LA series or a single episode for screen credit:
- Poetry.LA Interview Series hosted by Mariano Zaro
- A Poem By hosted by Lisa Grove
- They Write by Night hosted by Suzanne Lummis
Sign Up `
---
### Author:  [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)
#### Post date: [February 1, 2022, 3:23pm UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/4 "2022-02-01T15:23:43Z")
@kat
You find the font code to put in your before by visiting [FontAwesome’s website](https://fontawesome.com/v5.15/icons/arrow-circle-right?style=solid). This icon’s unicode is at the top `f0a9` so your code will be the following…
```css
ul li::before {
content: '\f0a9';
font-family: font-awesome; /* <-- Assuming you know this for certain */
color: red; /* <-- whatever color you want */
...
}
```
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 1, 2022, 3:39pm UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/5 "2022-02-01T15:39:00Z")
I had hoped that I could get the specific FA I wanted inside pinegrow, rather than going to the FA site, getting the icon and code, but guess not. So thanks for the clarification @fakesamgregory.
---
### Author:  [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)
#### Post date: [February 1, 2022, 8:23pm UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/6 "2022-02-01T20:23:37Z")
@kat by selecting the element, you should see it in the style inspector (see image). If you don’t see it then click on “Show X more rules from all.css”.
I just pointed you to the documentation as it’s always good practice to look at the documentation 🙂
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 1, 2022, 8:51pm UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/7 "2022-02-01T20:51:54Z")
Seems I would first have to have the FA in a non :before to be able to get the name and content. Then I could use that to put it into a :before.
---
### Author:  [@nebula](https://forum.pinegrow.com/u/nebula)
#### Post date: [February 5, 2022, 11:43pm UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/8 "2022-02-05T23:43:17Z")
FA isn’t HTML or CSS code; it’s just part of the name of the icon (FontAwesome names all of its icons like that). It has no formatting effect on its own. The icon will appear on your page only if you’ve previously declared where to get the icon. This is only needed once per page.
If you can see the icons, that means the page already has the right declaration or Javascript. To change the icon color, specify color as a style for the \< i \>:
```auto
```
No need for :before. You can change everything about the icon including its size and position by editing the quoted bit of the CSS **class** and **style** attributes.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 6, 2022, 1:14am UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/9 "2022-02-06T01:14:42Z")
> [@nebula](#):
>
> No need for :before.
I had tried a :before for an FA, it did nothing exciting.
---
### Author:  [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)
#### Post date: [February 6, 2022, 8:26am UTC](https://forum.pinegrow.com/t/font-awesome-li-before/6200/10 "2022-02-06T08:26:12Z")
> [@kat](#):
>
> Seems I would first have to have the FA in a non :before to be able to get the name and content. Then I could use that to put it into a :before.
@kat exactly. That’s why we use documentation. I’m not quite sure what you’re expecting? Some browser or documentation from within Pinegrow?