champagnecoffee Posted October 10, 2023 Share Posted October 10, 2023 Hello On some browsers/ devices the email envelope icon is showing as a white emoji on the contact page https://www.lamaralighting.com/contact How can I fix this please? On mine it's fine. Link to comment
tuanphan Posted October 13, 2023 Share Posted October 13, 2023 If you use these emoji, it won't show fine on all devices/browsers, you can consider using FontAwesome to add email icon (If you want this, let me know, I can check & give the code) https://fontawesome.com/icons/envelope?f=classic&s=solid https://fontawesome.com/search?q=phone&o=r&m=free champagnecoffee 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
champagnecoffee Posted October 17, 2023 Author Share Posted October 17, 2023 Hello @tuanphan thank you so much, if you can please provide me with the code that would be great! What do I need to do? Link to comment
champagnecoffee Posted October 17, 2023 Author Share Posted October 17, 2023 I made the envelope the gold colour I like on the FA website. Here is the HTML code it generated: <i class="fa-solid fa-envelope" style="color: #dcb05d;"></i> But what do I do with this and how do I tell the site to replace my icon with this? And here for the phone: <i class="fa-solid fa-phone" style="color: #dcb05d;"></i> Link to comment
Solution tuanphan Posted October 19, 2023 Solution Share Posted October 19, 2023 Replace with Code Block, then use this code to add text + icon <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" /> <i class="fa-solid fa-envelope" style="color: #dcb05d;"></i><a href="mailto:sales@lamaralighting.com">sales@lamaralighting.com</a> When you added this for email, with phone, just use this code in Code Block <i class="fa-solid fa-phone" style="color: #dcb05d;"></i><a href="tel:+44 7411 015 212">+44 7411 015 212</a> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
champagnecoffee Posted October 20, 2023 Author Share Posted October 20, 2023 Thank you so much! tuanphan 1 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