You can show larger thumbnail images on your booking page and on the page where customers select a date and time for their booking. Click here to see an example.
In this article:
Show larger thumbnail images on your main booking page- Show larger heading image and gallery thumbnails on the page where customers select a date and time for their booking
Show larger thumbnail images on your main booking page
1. Go to Settings>Colors and Styles
2. in the Custom CSS section at the bottom, paste this code:
.desktopcss .cb_bigDescription_image img {
max-width: 400px !important;
max-height: 200px !important;
}
3. Save
Show larger heading image and gallery thumbnails on the page where customers select a date and time for their booking
To show larger heading image and gallery thumbnails on the page where customers select a date and time for their booking
1. Go to Settings>Colors and Styles
2. in the Custom CSS section at the bottom, paste this code:
.desktopcss div.cb_rtypeDesc_mainImage img {
max-width: 400px;
max-height: 200px;
}
.desktopcss .imageGalleryViewer img {
max-width: 200px !important;
max-height: 200px !important;
}
.desktopcss .imageGalleryViewer div {
width: 201px;
height: 201px;
}
3. Save
Show larger heading image in the popup where customers see the activity details and description
To show larger heading image in the popup
1. Go to Settings>Colors and Styles
2. in the Custom CSS section at the bottom, paste this code:
.desktopcss #tab_general img {
max-width: 400px !important;
max-height: 200px !important;
}
3. Save