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 #2704836
Form formatting
Closed

Comments

  • Sarah Howell started the conversation

    The formatting in elementor is overriding some of the amelia features. The calendar times are too wide and overlap. The "continue" button on the calendar page uses some of the color customizations from amelia and some from elementor, making the background color and text color the same. 


    Can you help me fix this? I can add CSS, but am having a hard time determining what to put. 

  • [deleted] replied

    Hi, Sarah!

    I apologize for the delayed response, we don't work on weekends.

    Please provide us with the URL to the page with Amelia and a description of what exactly you'd like to change.

    Best Regards. 

  • Sarah Howell replied

    Hi Liza, 

    No worries! 

    I was able to fix the formatting with the button. However, I am having issues still with the times being too wide. 

    Here is the url: http://www.test.blueridgewoman.org.dream.website/make-an-appointment/

    Look at a Wednesday or Thursday. When the time is in the double digits, the "am" and "pm" go outside of the box. 

  • [deleted] replied

    Hi, Sarah!

    I'm glad to know you found a solution.

    Please target

    .amelia-app-booking .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner

    in custom styles and add there

    letter-spacing: 0.2px;

    Hope that will fix the issue.

    Best regards.

  • Sarah Howell replied

    Thank you, that fixed it!

  • [deleted] replied

    Great!

    If you have any other questions, please let us know.

    Best Regards. 

  • Sarah Howell replied

    Hi, I had opened a second ticket that I don't think has been seen. 

    Is there anyway to just list the starting time of the appointments on the calendar, instead of the start and end time range?

  • [deleted] replied

    Hi again, Sarah!

    Yes, it is possible with the custom code:

    <script>setInterval(function () {
      var elements = document.getElementsByClassName('el-radio-button__orig-radio');
      var appointment_times = document.getElementsByClassName('el-radio-button__inner');
      for (var i = 0; i < elements.length; i++) {
        appointment_times[i].innerHTML = elements[i].value;
      }
    }, 1000)</script>

    This code should be applied on the page with the Booking form.

    Best Regards.