Comments 1Manon started the conversationMarch 2, 2020 at 7:14pmHi team, I would like to change the font into the font used in the website. In ticket #1937385 there is a code given to do this but the code is not visible. Could you tell me know what code is used for this?Thank you very much! Greetings, Manon [deleted] repliedMarch 3, 2020 at 9:55amHello Manon, Please try adding this custom HTML to the page where you have your Amelia shortcode: <style> .amelia-app-booking input[type="text"], .am-modal.am-in-body input[type="text"], .amelia-app-booking input[type="email"], .am-modal.am-in-body input[type="email"], .amelia-app-booking input[type="tel"], .am-modal.am-in-body input[type="tel"], .amelia-app-booking input[type="url"], .am-modal.am-in-body input[type="url"], .amelia-app-booking textarea, .am-modal.am-in-body textarea, .amelia-app-booking select, .am-modal.am-in-body select, .amelia-app-booking .form-control, .am-modal.am-in-body .form-control, .amelia-app-booking .am-stripe-card, .am-modal.am-in-body .am-stripe-card, .amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a {font-family:fantasy !important;} </style> We have set font fantasy as an example but you will change it to your font. Let me know if this helped!1 Like 1Manon repliedMarch 3, 2020 at 11:18amHello Marija, thank you, this worked! Best regards, Manon1 Like[deleted] repliedMarch 3, 2020 at 11:50amYou are welcome, Manon. Great, glad to hear that!If you have any other questions or concerns feel free to open a new ticket and we will gladly help, Sign in to reply ...
Hi team, I would like to change the font into the font used in the website. In ticket #1937385 there is a code given to do this but the code is not visible. Could you tell me know what code is used for this?
Thank you very much! Greetings, Manon
Hello Manon,
Please try adding this custom HTML to the page where you have your Amelia shortcode:
<style> .amelia-app-booking input[type="text"], .am-modal.am-in-body input[type="text"], .amelia-app-booking input[type="email"], .am-modal.am-in-body input[type="email"], .amelia-app-booking input[type="tel"], .am-modal.am-in-body input[type="tel"], .amelia-app-booking input[type="url"], .am-modal.am-in-body input[type="url"], .amelia-app-booking textarea, .am-modal.am-in-body textarea, .amelia-app-booking select, .am-modal.am-in-body select, .amelia-app-booking .form-control, .am-modal.am-in-body .form-control, .amelia-app-booking .am-stripe-card, .am-modal.am-in-body .am-stripe-card, .amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a {font-family:fantasy !important;} </style>We have set font fantasy as an example but you will change it to your font.
Let me know if this helped!
Hello Marija, thank you, this worked! Best regards, Manon
You are welcome, Manon.
Great, glad to hear that!
If you have any other questions or concerns feel free to open a new ticket and we will gladly help,