How to Customize the Look and Feel of the Booking Engine

From hoteliga
Revision as of 14:35, 19 August 2019 by Dimitris (talk | contribs) (Details Page)
Jump to: navigation, search

Introduction

The changes of the look and feel of the booking engine can be done via the CSS language. A person with basic web development skills can easily follow these instructions.

The final CSS layout can be set in the Booking Engine => Appearance area where the CSS field is located.

General Elements

Search Page

Results Page

Options Page

Details Page

Area / Elements Instructions Example
Hide specific credit card icons Use the respective credit card icon name to hide an icon as shown in the example.

visa-card-icon
master-card-icon
amex-card-icon
diners-card-icon
discover-card-icon
masterpass-card-icon
paypal-card-icon
.visa-card-icon {
  display: none;
}
Butter Ice cream 1.00

Manage My Reservation Page

About the Property page

Credit Card Page