Bookeo Widget Customization

Can I customize colors and styles of the widget? Add CSS?

You can customize colors and styles of your Bookeo widget. You can easily customize color settings for your booking page and your web designer or anyone with CSS/HTML experience can add custom CSS rules to personalize the booking interface. Click here to see examples of Bookeo widget customization. Step 1...

Read article

Can I change the colour of the Book button?

It is possible to customize the color of the Book button. In your Bookeo account: 1. Go to Settings>Colors and Styles 2. in the Custom CSS section at the bottom, paste this code: .bookeocss .gobutton .smallbLeft, .bookeocss .gobutton .smallbRight { background: #0795fd; } The background-color value is an HTML color...

Read article

Can I customize the colors of the calendar in my booking page?

You can customize all the colors in the calendar shown to customers. 1. Go to Settings>Colors and styles 2. Input the following rules in the section Custom CSS (Advanced) /* available days */ .bookeocss #cb_fixed_calendar-container .calendar tbody .jscalendar_available { background-color: green; border-color: green; } .bookeocss .cb_bhf_legendAvailable { background-color: green; }...

Read article

Can I customize color and style of tabs in my booking page?

It is possible to customize the color of the tabs in your booking page. In your Bookeo account: 1. Go to Settings>Colors and Styles 2. in the Custom CSS section at the bottom, paste this code: .bookeocss .smallbLeft, .bookeocss .smallbRight {background-image: none !important; background: #09172A; color: #FFFFFF;} You can also...

Read article

Can I hide the Info button from my booking page?

It is possible to hide the Info button from your booking page. In your Bookeo account: 1. Go to Settings>Colors and Styles 2. in the Custom CSS section at the bottom, paste this code: .bookeocss .infocolumn1 { display: none; } ​3. Save

Read article