gallop Posted July 9, 2020 Share Posted July 9, 2020 Site URL: https://ionicons.com/ Hi everyone, I found out that https://ionicons.com/ is similar to Font Awesome, in which you can use designed icons on your website. However, I couldn't figure out how to use their icons in Squarespace. Does anyone know how to do it? I need to install it to the Squarespace 7.0 Brine template. I installed this text from their website to do Code Injection Header <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script> Then add this code to the Markdown , but nothing happened. <ion-icon name="heart"></ion-icon> Am I doing anything wrong? Thank you. Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 Add to Code Block Also, can you share link to page where you inserted above code? gallop 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
gallop Posted July 9, 2020 Author Share Posted July 9, 2020 @tuanphan You are right, I added the code to Code Block and it did the job, thank you. Do you know why the code didn't work for Markdown block? I thought Code Block and Markdown Block have similar function, do they? My page is gallopapartments.com ; password: hello <ion-icon name="heart"></ion-icon> Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 1 minute ago, gallop said: @tuanphan You are right, I added the code to Code Block and it did the job, thank you. Do you know why the code didn't work for Markdown block? I thought Code Block and Markdown Block have similar function, do they? My page is gallopapartments.com ; password: hello <ion-icon name="heart"></ion-icon> With Code Block, browser will show original code <icon...> With markdown block, browser will wrap p tag around your code <p><ion...</p> gallop 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
gallop Posted July 9, 2020 Author Share Posted July 9, 2020 I see, so it means the html code from Ion Icons website can only be used in Code Block, is that correct? Thanks. Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 6 minutes ago, gallop said: I see, so it means the html code from Ion Icons website can only be used in Code Block, is that correct? Thanks. Yes. Just tested with Markdown Block. You can only use Code Block gallop 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
gallop Posted July 9, 2020 Author Share Posted July 9, 2020 Got it, thanks a lot for the quick response. Really appreciate your time! 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