Complete Translation or Customization?

Anyone have tip on how to translate the Booking Widget fully?
Or how to make changes in CSS to get to the goal?

Despite choosing Norwegian I still get
“Today” as a note in English inbetween Norwegian translation.
Furthermore :
“Confirm Booking” when clients are close to booking.
“Required” as Required fields

Anyone have a tip on how to fully translate, so it looks professional?

There are some changes we need to make to the new experience. In the interim I sent an email with the translations you need to modify with CSS.


I would also like to change some wording, as some options are still coming up in English despite choosing Japanese. If you could forward me the same instructions as above I would be very grateful.

Hi Fukuoka, here you go!

 Initially from Ben
I wanted to send through the translations for the new experience. Simply swap out anything Testing123 with the word you need. Keep in mind that you cannot use apostrophes '.
/*Translate Submit Button*/
#submitButton span{display:none;}
/*Remove Try Another Week*/
.modalNoFree p+p{display:none;}
/*Translate No availability for mobile*/
@media only screen and (max-width: 767px){
.dayNoFree .gridDayHeader h3:after{content:'Testing123'!important;}}
/*Tranlsate No availability Next Week*/
.modalButton.gridNext span:nth-child(1){display:none!important;}
/*Tranlsate No availability Prev Week*/
.modalButton.gridPrev span:nth-child(2){display:none!important;}
/*Translate No Preference*/
.teamsAnyLink span{display:none;}
.teamsAnyLink a:after {content:'Testing123';}
/*Translate Required*/
.formInputWrap.required .formInputLabel:after{content:'Testing123';}
/*Translate Choose Another Time*/
.bookingHeaderBack span:nth-child(2){display:none;}
/*Translate Today*/
.today .gridDayHeaderName:after{
content:'Test123'; border-radius: 4px;
padding: 2px 4px;
background-color: #70a395;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
width: auto;
height: auto;
color: #fff;
position: relative;
top: -2px;
/*Translate Confirm Booking*/
.bookingHeaderTitle.subHeaderTitle h2 {visibility:hidden; width:80%;}
.bookingHeaderTitle.subHeaderTitle h2:after{content:'Testing123'; visibility: visible;}
I hope that this helps. Let me know if you have additional questions.