We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2647085
Custom CSS
Closed

Comments

  • Henk started the conversation
    January 2, 2020 at 1:45pm

    Hello,

    I want to change the font and font size of Amelia. I did it with changing the CSS file, but after the update to 3.0 the custom CSS is gone. Maybe it's not the good way, but how can I make it working again? If I change the CSS file, maybe in the future it's broken again. 

    Thank you very much!

  • Henk replied
    January 2, 2020 at 1:49pm

    I did it with changing the CSS file in the uploads folder.

  • [deleted] replied
    January 4, 2021 at 1:38pm

    Hello Henk,

    Thank you for your purchase and apologies for replying a bit later, we don't work on weekends.

    If you implement changes to Amelia files, they will be overridden each time you update the plugin, and this can't be changed, unfortunately. You would need to implement the change after each update. 

    You can try adding the CSS as custom CSS directly to the page where you have Amelia , in this case it is saved on the page, and won't be changed with the update. 

    This should cover most of the CSS in Amelia, so you can try it out: 

    <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 set only the font as fantasy just as an example, but you will replace it with the font you want, and you can add the font size property to it as well.