Hi Seth, 

Thank you for your purchase. 

For some reason it looks like the Amelia CSS is not created in the installation process or something is blocking it . Could you please go to Amelia -> Customize page and click on Reset then Save there and check if the form will show up properly afterwards?

1) When you do the above please let me know and I will try to find the right CSS selector for this.

2) This depends on the button - which button exactly do you need? We don't have these but we need to find the right CSS selectors on the page where you have Amelia. And with this you can only change the styling (color or similar) of the buttons.

3) No, unfortunately, it isn't possible to change /remove steps from the booking process. 

4) Please let me know what image exactly are you referring to (send screenshot on the front-end if possible) and I will try to help out with the CSS for this. 

Hi Seth, 

You are welcome. 

Please check out the screenshot to see how I see the Amelia booking form on your website, if you can see it properly while logged in to your website, the issue is probably coming from the SG Optimizer if you have it. Deactivate it and see if Amelia is seen properly for non logged users. If it is, you would need to exclude Amelia/pages where Amelia is in that plugin's settings. 

For removing the shadow and the border please try adding this custom CSS to the page 

div#amelia-step-booking0 {
box-shadow: none !important;
border:none !important;}

you can add it as format HTML if you don't have the custom CSS option with adding <style> tags

<style>
div#amelia-step-booking0 {
box-shadow: none !important;
border:none !important;}
</style>

This would be the CSS selector of the Continue button

#amelia-step-booking0 > div.am-select-service > form > div.am-button-wrapper > button

it has this CSS class

button.el-button.el-button--primary

For hiding the employee selection, please try adding this format HTML to the page where you have your Amelia shortcode :

<style>
.el-form-item.am-select-employee-option {display:none;}
</style>

and let me know if it helped.

For hiding the service image please try this custom CSS: 

#am-confirm-booking > div:nth-child(1) > div.am-confirmation-booking-header > img {display:none;}

Glad to see that, thank you for letting me know. You are welcome, Seth!

They have separate classes, so no. 

On the second step, for the back button this would be the CSS class:

button#am-back-button

for continue 

button#am-continue-button

And the confirm button on the last step has the CSS of the Continue button from the first step, Cancel button has this selector

#am-confirm-booking > div:nth-child(1) > div.dialog-footer.payment-dialog-footer > div.el-button.el-button--default
class 

.el-button.el-button--default 

Hope this helps!

You can find these by inspecting the page - in Elements tab.

If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.

Hello Seth

Unfortunately, this can't be configured within Amelia. If your employees are connected to their individual Google Calendars, the plugin can't automatically sync that with your company's calendar.

This is possible through Google Calendar, but I am not sure how you can do that. Please take a look at this thread, and see if that helps.

You're welcome, Seth

If the cron is not being triggered automatically, your hosting provider should be able to help with that. We both confirmed the cron works. Why it's not being triggered automatically, I would not know.

Hey seth,

Please modify the code and use this:

.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
box-shadow: none;
border: none;
}

Please let me know.

Hi again Seth

In Amelia/General Settings, you can set the "Redirect URL after booking" to define the URL, and then add the following script on the page:

<script>
window.beforeConfirmedBooking = function () {
 setTimeout(() => {
  document.getElementsByClassName('redirect-link')[0].firstElementChild.setAttribute('target', '_parent');
 }, 1500)
}
</script>

That should work, but please test it, and let me know.

One more thing, Seth.

This script will work only if this is disabled:

However, if you disable this, your customers will not see the "Add to calendar" option, but you can enable "Send ics file in the notifications", so they can add the appointment to any calendar from the email:

Hey Seth

Sure, can you please send me the URL of the page where your event list is so I can take a look at it?

Hey Seth

I can't find the CSS to hide it, but I did forward the ticket to our developers. As soon as I hear from them I'll get back to you.

Hi again Seth.

Can you please try adding this CSS to the page?

.amelia-app-booking #amelia-booking-wrap #am-events-booking .am-event-list .am-event {
 box-shadow: none !important;
}

Let me know if that helps.

You're welcome, Seth, glad I could be of assistance.

If you need some further assistance, please feel free to reach out to us.

Hello Sibusiso

I responded to the other ticket you have created, so please respond there. I'm not sure we'll be able to remove the border and the shadow without them affecting other sections of the page, but we'll do our best.