Note: We are releasing a new booking engine version. Please be aware that the new version could be incompatible with the guidelines currently provided in this article. These will be updated with the release of the new booking engine version.

This information is for developers used to working with CSS.

Below is an example of how to change the text in the booking engine with help of adjusted CSS, or rather add new content by using code similar to the below. Add the code you want to change under Settings -> Booking engine -> Manage booking engines -> Edit -> Custom CSS.

Below is an example of what code to add, to change the “Book now”  button text in the booking engine to “Test button”. You will need to first identify the object you want to change, and then add further code.

div#guestDetails_bottom_next:after {
content: “Test button”;
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 86%;
margin: 2%;
padding-left: 10%; }