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.
<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.
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.
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.
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.
Hi, Sarah!
I'm glad to know you found a solution.
Please target
in custom styles and add there
Hope that will fix the issue.
Best regards.
Thank you, that fixed it!
Great!
If you have any other questions, please let us know.
Best Regards.
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?
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.