champagnecoffee Posted October 10, 2023 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.
tuanphan Posted October 13, 2023 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!)
champagnecoffee Posted October 17, 2023 Author 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?
champagnecoffee Posted October 17, 2023 Author 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>
Solution tuanphan Posted October 19, 2023 Solution 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment