Mygroup Custom Meta Tag, CSS, and HTML Examples

Follow

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:

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}
Starting From Price Box and Hover

Unavailable

Note: Modifying will change the shape.

Code:

.not_available {background:#aaa}
Unavailable

Search box

Code:

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

 

 

Have more questions? Contact Support

Comments

Powered by Zendesk