Hotel Booking Styles


This is an extension to the MotoPress WordPress Booking plugin for hotels.

It provides you with a bundle of ready-made CSS classes for customizing the property search form, booking forms, and other Hotel Booking shortcodes/blocks.

The Hotel Booking styles addon will help you revamp and enhance your hotel website design with the required style adjustment.

The add-on also works for the free Hotel Booking plugin version.

With the Hotel Booking Styles addon, it’s super easy to take the customization of the WordPress hotel booking plugin further and apply the following changes to your forms:

  • Make the property search form horizontal.
  • Remove field labels.
  • Remove paddings between the form fields.
  • Hide the “Required fields are followed by *” indication.
  • Apply an automatic form width adjustment (using a wrapper).
  • Stretch the button in the property search form or widget to adjust it to the width of your website container.
  • Set custom width for the form fields.

You don’t need any technical background to modify the styles, just copy and paste them to the needed blocks or shortcodes!

The focus of our roadmap is to add more styles and make this plugin even handier by transforming the way you add styles into a more user-friendly settings panel.

How to use the Hotel Booking Styles plugin:

The MotoPress Hotel Booking plugin must be installed and activated.

  1. Install and activate the Hotel Booking Styles addon.
  2. Go to Accommodation > Settings > Extensions > Styles tab.
  3. You’ll see the list of available classes you can apply. Each class comes with a list of applicable Hotel Booking shortcodes.
  4. Add a Hotel Booking block/shortcode to the page:
  5. If you use shortcodes, copy the class and paste it into the shortcode. Example:
    [mphb_availability_search class=”is-style-horizontal-form”]
  6. If you use Gutenberg blocks, add a Hotel Booking block to the page, then go to the right-hand block settings panel > Advanced > paste the class. Use spaces to add several classes.

If you are looking for a WordPress hotel template powered by Hotel Booking with the perfectly adjusted styling and custom design, check out our library of the rental property WordPress themes.


Hotel Booking Styles, Copyright (C) 2020, MotoPress
Hotel Booking Styles plugin is distributed under the terms of the GNU GPL.

ეკრანული სურათები


  1. Upload the plugin to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.


I find this plugin to be very limited. I tried to do everything as it was described in the support answer. However the styles do not work if you apply to the existing forms. Even if you add a new widget. They work if you add, for example, Search availability widget via shortcode widget. But if you have a proper widget and you just add CSS class (everything in Elementor) there are no changes.
1 რევიუს წაკითხვა

მონაწილეები & დეველოპერები

“Hotel Booking Styles” ღია პროგრამული უზრუნველყოფაა. შემდეგმა ადამიანებმა წვილი შეიტანეს მის განვითარებაში.


გადათარგმნეთ Hotel Booking Styles თქვენს ენაზე.

დაინტერესებული ხართ დეველოპმენტით?

დაათვალიერეთ კოდი, შეამოწმეთ SVN რეპო, ან გამოიწერეთ შექმნის ჟურნალი : RSS.


1.0.2, Nov 23 2021

  • Security – sanitization and escaping.

1.0.1, Feb 24 2021

  • Added the ability to set horizontal layout of the Booking and Search Availability forms in the Hotel Booking & Elementor Integration plugin.

1.0.0, Apr 24 2020

  • Initial release.