How to change the Hotel reservation form

Hi guys,

We're using the WP Hotel (Villa Bellucci) template ATM but the venue doesn't offer separate rooms for hire, it's one whole property for hire. How can I completely remove the 'rooms' option from the form, as this creates confusion? (so there's NO mention of rooms in the form)

The website is http://goltoninthegap.com.au/ username: gavickpro password GavickPro2016
Thank you for your expertise

Enquire-now.jpg

.

Hi,

Please edit you reservation shortcode and change the rooms_max attribute to 1:

Code: Select all

rooms_max="1"


Then, please add the following custom css code:

Code: Select all

.gk-hotel-reservation-form .gk-sr-check-rooms {
display: none;
}


Thank you Joshua,

From memory... do I need to install a plugin to be able to add custom css for WP CMSs? I'm a bit more familiar with Joomla... :/

If you are using the latest version of WordPress, please navigate to Appearance -> Customize -> Additional CSS tab.

awesome! thanks

Hi Joshua,
Unfortunately Room 1 is still there. Please refer to pic.

Try to add also this css code:

Code: Select all

.room_num_row dt {
  display: none;
}


Thank you very much, that nailed it

After removing the 'room' bit, it's messed with the alignment of the drop downs. Please see attached image and kinder offer your recommendation to resolve this scalable issue.
thank you, Meg.

Try to add the following custom css code:

Code: Select all

.page-id-22 .room-list dl dd {
   width: 40%;
}


Thank you, it worked on that page however the form is also on the home page and bookings page. I'd replicate the css but don't know how to find the page numbers...(?)

Try to change this code to:

Code: Select all

.room-list dl dd {
   width: 40%;
}


without page number (I've thought that you want to change it only on this specific page)

It's kind of odd... that has it mostly sorted on the other pages but the home page form remains misaligned... :/

Maybe it was a browser's cache issue, because I can see that the home page form is fine now.

Unfortunately no. We've cleared the cache and tested on 6 browsers Mac/PC and it appears to be isolated to Firefox but only on the home page version of the plugin...(???)

hmm, try to add also this css code:

Code: Select all

.frontpage .room-list dl dd {
   width: 42%;
}


Nailed it! Nice one, and thank you Joshua.