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

Can I change the text font type and size in the widget?

It is possible to change the text font type and/or size of the widget. In your Bookeo account: 1. Go to Settings>Colors and Styles 2. in the Custom CSS section at the bottom, paste CSS code, something like: .bookeocss * { font-size:14px; font-family: Arial; } In the example provided, the...

Read article

Can I use Google Fonts in my booking page?

It is possible to use Google fonts in your booking page. Let's assume you want to use the font "Open Sans" from Google Fonts: 1. Get the @import code for the font, from http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans In the various import methods you will find this: @import url(http://fonts.googleapis.com/css?family=Open+Sans); 2. Open the URL in...

Read article