jamesstanbridge Posted June 17, 2022 Share Posted June 17, 2022 Site URL: https://echd-v2.squarespace.com/ Hi all I'm nearly finished developing this website, but the client has one final tricky request: I need to add a call icon to the header button https://echd-v2.squarespace.com/password: echd I read recently that the old font awesome hacks/loopholes I used to achieve these things with has been closed, and that Jquery is the only way now This is a bit outside my comfort zone – is anyone able to point me in the right direction? Thanks James Link to comment
tuanphan Posted June 18, 2022 Share Posted June 18, 2022 First, add FontAwesome link into Settings > Advanced > Code Injection > Header <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Next, add this code to Design > Custom CSS header#header a.btn:before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: bold; } 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
jamesstanbridge Posted June 20, 2022 Author Share Posted June 20, 2022 Thanks so much that worked! 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