StevenPDX

Thank you, @tuanphan! That worked perfectly. I'm so used to coding websites from scratch that it takes a while to find the equivalent functionality in Squarespace. I see that adding the stylesheet reference HTML in the Code Injection section and then the CSS reference in the the Design section makes perfect sense. The phone icon is now showing. Your instructions were perfect. Thank you again! Steven

Thanks so much for replying. Pardon these silly questions: - How would I copy the entire font-awesome directory in the project? I haven't downloaded anything from FA - How do I access HTML in Squarespace? All I see is the ability to add custom CSS? Thanks for your help!

Site URL: https://bdze.squarespace.com/ Hello: I want to add a phone icon next to our telephone number in the menu. I searched the web and found some code (please see below) and inserted it into my Custom CSS (I'm using 7.1). All I get is a square. This is a first for me--I've never used Fontawesome and don't have a login (not sure if I need a membership, which I don't want to pay for a single icon). I tried substituting some other codes for icons in Helvetica but again...just the square before the phone number. Any idea how to add that icon? I'd sure appreciate some guidance. Many thanks, Steven .header-nav-item:nth-child(4) a::before { content: '\f095'; font-family: FontAwesome; display: inline-block; padding-right: 9px; }