Mygroup's booking engine offers a number of more in-depth customization options for those who are either familiar with HTML/CSS or employ a web-designer.
You can use the custom meta tags box in the "customize booking engine" settings section to add javascript, CSS and other code to the HEAD section of your mygroup site's HTML. Please do not insert normal/simple text there, or it can break the page.
To learn more about how to get to that section, take a look at our Mygroup Customization Guide.
Cloudbeds does not offer web development services or consultation, but if you'd like to learn more about HTML and CSS, here are a couple of great places to start:
- W3schools HTML Tutorial: http://www.w3schools.com/html/default.asp
- Codecademy HTML & CSS web design course: https://www.codecademy.com/learn/web
Custom Meta Tag Examples:
Below are some custom CSS examples. You will need to change values in the coding to effect what is displayed. Coloring can be changed by using an HTML hex code, link to an HTML color tool here:
http://www.w3schools.com/colors/colors_picker.asp
Note: Whatever code you insert should be between <style> brackets like this.
Example:
<style>
.price_box a {background:#aaa}
</style>
Make sure to copy and paste the full lengths of code listed below.
Starting From Price Box and Hover
Note: Modifying will change the shape.
Code:
.price_box a {background:#aaa}
.price_box a:hover {background:#aaa}

Unavailable
Note: Modifying will change the shape.
Code:
.not_available {background:#aaa}

Search box
Code:
.sidebar input[type=button] {background:#aaa}
