Select an icon you like

https://fontawesome.com/v5.15/icons/ad?style=light

Then only use the Section between the parentheses

<i class="fal fa-ad"></i>

fal fa-ad

Then add "col-red2" after the code.

• fal fa-ad col-red2
• fal fa-ad col-gray
• fal fa-ad col-green2

If you have set the color in your CSS all your icons will be the CSS color.

thanks. how do i get those color codes? can i use HEX?

how do i set color in my CSS? i'm not a coder...

thank you! i was able to get the icons- just i need different colours? is there a list of some sort?

You can always go to studio > navigation > choose any system name > pencil to far right and then scroll down > select file > place your icon < then save.

I did do this- and I uploaded various different icons- they were showing up on the navigation menu, but on the site itself the icon wouldn't show up.

I thought maybe it was the type of file that was a problem? I tried png, svg, eps.. nothing.

interesting, ummm, if i were you i would minimize them before u upload, maybe it's the size. I think i had that issue way back.

thank you. will try that. also i saw this link for palette: https://una.io/samples/palette.php

are there any other colour codes we can use?

For what or can you be a little more specific?

for the icons, backgrounds, and font colors

how do i set the color in CSS?

Got to Studio > Your Theme (Lucid / Protean) > Styles> Select the Mode ( dark / light) and then edit the values you would like to change.

You can also set custom fields.

I was using artificer, and it didn't have these options. I set protean as my default, but it is not letting me change those options nor am i seeing these template layout changes on the site

You need to rename the template and then u can make changes @Baloo knows how to do it.

@LeonidS Will the Font Awesome new 6.0 icons be available soon? is there a way to upgrade icons to 6.0?