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 #2738002
Change Category to "Back"
Closed

Comments

  •  2
    Jacob Eggebeen started the conversation
    March 31, 2021 at 11:54pm

    I have a classes page on a client site that preselects the booking so I can better style the categories.


    And the issue is that when someone clicks a class, it basically opens in a lightbox, ALL of the older people that clicked it used the browser back button instead of the one they SHOULD use.. as it shows the category title, NOT "Back" How can I change this?

  •  2
    Jacob Eggebeen replied
    April 1, 2021 at 12:05am

    My temp workaround

    .am-category-url::after {
     content: " (Go Back)";
    }
    .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-category-url {
    font-size: 18px !important;
    line-height: 1.9em !important;
    color: #ffffff !important;
    border: 2px solid #F80101 !important;
    border-radius: 8px;
    background: #F80101;
    padding: 11px;
    margin-bottom: 12px !important;
    }

  • [deleted] replied
    April 2, 2021 at 1:36pm

    Hi, Jacob!

    Sorry for the delayed response, I had to consult with our front-end developer.

    Your solution is correct, but also you can try this CSS:

    .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-category-url {
        position: relative;
        text-align: left !important;
        width: 100%;
        max-width: 150px;
        height: 60px;
        overflow: hidden;
        text-transform: uppercase;
        font-size: 18px!important;
        font-weight: 600!important;
        line-height: 2em!important;
        color: #ffffff!important;
        border: 2px solid #F80101!important;
        border-radius: 8px;
        background: #F80101;
        padding: 11px;
        margin-bottom: 12px!important;
        transition: all 300ms ease 0ms;
    }
.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-category-url::after {
        content: "Go Back";
        position: absolute;
        top: 11px;
        left: 32px;
        width: calc(100% - 32px);
        background-color: #F80101;
        text-align: center;
        transition: all 300ms ease 0ms;
    }
.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-category-url:hover::after {
        background-color: #000;
    }

    That's how it will look like:

     IAa9ywxNvRxtKOYwfHa4a-zAYW8VUvdl1aNyEdborWdKdT-GX1DumXhYa7xaqB8-sUm4VFFRFxeomcquyDe-UWsG71FsYYMUmluu0G5TdSutZ0_L67-1T9crByoua9Ov9dW_TSnJ

    Please let us know if you have any other questions.

    Best Regards.