# Complete Translation or Customization?

**URL:** <https://forum.youcanbook.me/t/complete-translation-or-customization/441>\
**Category:** Customization\
**Created:** [September 18, 2019, 1:48pm UTC](https://forum.youcanbook.me/t/complete-translation-or-customization/441 "2019-09-18T13:48:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![doktorwright](https://avatars.discourse-cdn.com/v4/letter/d/45deac/32.png) [@doktorwright](https://forum.youcanbook.me/u/doktorwright)\
**Post date:** [September 18, 2019, 1:48pm UTC](https://forum.youcanbook.me/t/complete-translation-or-customization/441/1 "2019-09-18T13:48:53Z")

</div>

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?

 ![Screenshot_20190918_154108](https://canada1.discourse-cdn.com/flex027/uploads/ycbm/original/1X/ee0e68548463a852143b51fb80ca627ed177fe20.jpeg)

---

<div class="post-metadata">

**Author:** ![Ben](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/ben/32/772_2.png) [@Ben](https://forum.youcanbook.me/u/Ben)\
**Post date:** [September 19, 2019, 7:55pm UTC](https://forum.youcanbook.me/t/complete-translation-or-customization/441/2 "2019-09-19T19:55:39Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Fukuoka](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@Fukuoka](https://forum.youcanbook.me/u/Fukuoka)\
**Post date:** [November 5, 2019, 9:20am UTC](https://forum.youcanbook.me/t/complete-translation-or-customization/441/3 "2019-11-05T09:20:06Z")

</div>

Hello,

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.

---

<div class="post-metadata">

**Author:** ![doktorwright](https://avatars.discourse-cdn.com/v4/letter/d/45deac/32.png) [@doktorwright](https://forum.youcanbook.me/u/doktorwright)\
**Post date:** [November 5, 2019, 10:58pm UTC](https://forum.youcanbook.me/t/complete-translation-or-customization/441/4 "2019-11-05T22:58:24Z")

</div>

```auto
Hi Fukuoka, here you go!

```

```auto

```

```auto
 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;}
#submitButton:after{content:'Testing123';}
/*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;}
.modalButton.gridNext:before{content:'Testing123';}
/*Tranlsate No availability Prev Week*/
.modalButton.gridPrev span:nth-child(2){display:none!important;}
.modalButton.gridPrev:after{content:'Testing123';}
/*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;}
.bookingHeaderBack:after{content:'Testing123';}
/*Translate Today*/
.gridDayHeaderToday{display:none;}
.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.

```