As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

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.