Hi everyone,
I offer a service product on my site and I am looking to add a very basic calender to my cart allowing customers to book a preferred trial date. I am struggling to lose the box below it. I also need to collect the data so I can send an automated email 3 days after the trial asking how the class went. Can anyone help?
I am not a coder and the css was created by chatGPT. ‘Hangs head in shame’
Any help would be appreciated
Booking Calendar body { font-family: 'Roboto', sans-serif; background-color: #f9f9f9; color: #333; text-align: center; } .calendar { max-width: 400px; margin: 50px auto; padding: 20px; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 10px; } .calendar-header { margin-bottom: 20px; } .calendar-header h2 { margin: 0; font-size: 24px; color: #4CAF50; } .calendar-header button { margin: 10px; padding: 10px 15px; background-color: #4CAF50; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .calendar-header button:hover { background-color: #ffca28; } .calendar-table { width: 100%; border-collapse: collapse; } .calendar-table th, .calendar-table td { border: 1px solid #ddd; padding: 10px; text-align: center; cursor: pointer; } .calendar-table th { background-color: #f2f2f2; font-size: 18px; } .calendar-table td:hover { background-color: #f1f1f1; } .selected { background-color: #4CAF50; color: white; }Choose Your Preferred Day
Previous Next| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|
