zedstar Posted April 16, 2020 Share Posted April 16, 2020 Site URL: https://f22-photography.co.uk Hi Im trying to get font awesome icons in my navigation, (for example a home icon next to home test) i have signed up and got the piece of code that goes in the header, i have then tried various ways and watched various youtube videos on how to do it but still no icons appear in my navigation or on any page. Im using the wells template can anyone help me with what im doing wrong please marcus Link to comment
tuanphan Posted April 18, 2020 Share Posted April 18, 2020 Add to Home > Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* bio */ div#topNav [href="/bio"]:before { content: "\f232"; font-family: FontAwesome; font-weight: bold; } </style> Do similar for other items. Icons list: https://fontawesome.com/v4.7.0/ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
zedstar Posted April 23, 2020 Author Share Posted April 23, 2020 (edited) On 4/18/2020 at 3:49 PM, tuanphan said: Add to Home > Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> /* bio */ div#topNav [href="/bio"]:before { content: "\f232"; font-family: FontAwesome; font-weight: bold; } </style> Do similar for other items. Icons list: https://fontawesome.com/v4.7.0/ Hi that only seems to work with an icon next to bio, i've tried changing the word bio to other words in my nav but i still get no icons ??? Also its not letting me use the newer version of font awesome ?? Edited April 23, 2020 by zedstar Link to comment
tuanphan Posted April 24, 2020 Share Posted April 24, 2020 14 hours ago, zedstar said: Hi that only seems to work with an icon next to bio, i've tried changing the word bio to other words in my nav but i still get no icons ??? Also its not letting me use the newer version of font awesome ?? Did you use correct page url? Above code, I declared FontAwesome 4. If you want to use FontAwesome latest version (5), you need to edit FA5 in first url. and use different code for div#topNav [href="/bio"]:before lu.diehl 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment