Hello,

I'm referring to the "back" button that you see before clicking on a specific date. See screenshot attached. This text must be orange and then when you hover on the button the text must become black and the the background must become orange. How can i do that ?

Hello, I do not get any answer long time

Thanks let me know asap

It's very disappointing. I opened the ticket on Tuesday and still haven't got a solution to my problem today.

Hello thanks,

I am writing some custom css for mobile and dekstop.I don't know  it was not working on mobile i have 2 amelia booking form 1.0 one is dekstop and one is mobile. So i create css mobile version and desktop version. And I want to

/* 980px and smaller screen sizes */
@media (max-width:980px){
    /* Button */
    #semiprivate_calendar_mobile div:nth-child(4) button{
        background-color:#f4a460;
    }
    
}
/* 900px and smaller screen sizes */
@media (max-width:900px){
    /* Span Tag */
    #am-back-button span:nth-child(1){
        color:#020202!important;
    }
    
}
/* 782px and smaller screen sizes */
@media (max-width:782px){
    /* Button */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1){
        display:inline-block;
        transform:translatex(0px) translatey(0px) !important;
    }
    
    /* Span Tag */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1) span{
        color:#020202 !important;
        
    }
    
}
/* 767px and smaller screen sizes */
@media (max-width:767px){
    /* Button */
    #semiprivate_calendar_mobile div button:nth-child(2){
        background-color:#f4a460;
    }
    
    /* Span Tag */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1) span{
        color:#020202 !important;
    }
    
    /* Button */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1){
        background-color:#ffffff;
    }
    
}
/* 380px and smaller screen sizes */
@media (max-width:380px){
    /* Button */
    #semiprivate_calendar_mobile div button:nth-child(2){
        background-color:#f4a460;
    }
    
    /* Button */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1){
        display:inline-block;
        transform:translatex(0px) translatey(0px) !important;
    }
    
    /* Span Tag */
    #semiprivate_calendar_mobile div:nth-child(4) button:nth-child(1) span{
        color:#020202 !important;
    }
    
}
/* Button */
.et_pb_section_5 div button:nth-child(2){
    background-color:#F4A460;
}
/* Span Tag */
#am-continue-button span:nth-child(1){
    color:#020202 !important;
}
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button:hover {
  background-color: rgba(244, 164, 96, 0.75) !important;
}
/* Span Tag */
.et_pb_section_5 div:nth-child(4) button:nth-child(1) span{
    color:#020202 !important;
    
}

I'm trying to change the background color of the amelia button color: #F4A460 AS you see in the attached screenshot.and the last one i open the ticket back button  issue that code not working .How can i do that?

Thats not work for me,

This text (back) must be orange and then when you hover on the button the text must become black and the the background must become orange

Hi Stefan,

Thanks its works But when you select the date then its show again black i want to keep this orange then hover it again it will show black

Thank you Stefan its woks fine.Close the ticket