How to do this is discussed on this page, under Remove Inquiry Widget Dates/Size
https://www.ownerrez.com/support/articles/hosted-website-css-magic
I am trying to setup an OwnerRez hosted website and wanted to add a "Contact" page with a general contact form. Support suggested I use the Booking/Inquiry widget to create my contact form and embed it into a custom page. Sounded like a simple enough solution, but I can't figure out a way to NOT have the calendar or the number of adults/guests field display on the inquiry form widget. I'd really like to have this inquiry form for potential property owners who would like to use our management services not booking a place. This limitation means this widget is really cemented to be just a booking form not a flexible booking/inquiry widget. I am hoping maybe I'm just missing something, but if not then perhaps this is a new feature request?
I found the CSS workaround for this.
Ryan, what was the CSS workaround?
How to do this is discussed on this page, under Remove Inquiry Widget Dates/Size
https://www.ownerrez.com/support/articles/hosted-website-css-magic
Hi!
Is this still possible today? Because I can't find the 'Remove Inquiry Widget Dates/Size'.
Thank you!
Maartje
Hi Maartje,
Something like the following should do the trick,
.date-holder { display: none; }
.size-holder { display: none; }
Be sure the widget is set to allow inquiries without dates or hiding the dates will just create an unusable form. If it's still giving you difficulty please feel free to reach out to our helpdesk and we'll see if we can provide more precise help.
~Caleb
Great, this has worked. Thanks so much, Caleb! The only issue is that it still shows the discount code. Any way to take this away as well?
@Caleb -- reviving Maartje's question... is there a way to remove the Discount Code Field when utilizing the Inquiry form as a general Contact Form??
Hi Alece,
Great question and thank you for your patience, I had to confirm a few details with our engineers before I got back to you. It seems there are a few ways to do it.
1. First off the discount field has a value you can adjust with CSS, something along the following would do the trick
"#group-DiscountCode {display: none}"
2. Of course disabling or removing the discounts would automatically hide that field. that can be done by selecting the discount and disabling it here: https://app.ownerrez.com/settings/discounts
3. And finally utilize the listing site criteria within the discount configuration. "Everything but your website" should hide that field: https://app.ownerrez.com/settings/discounts
~Caleb
Thanks, Caleb! I definitely still want my discounts to be usable on my website. The field is just massively out of place when using this MacGyver method of creating a contact form for the site. Thank you for providing the CSS code, however, it's not working for me. When I preview it within the widget, the Discount Code field still shows. I tried reformatting it to be similar to the date/size code you provided previously in this thread, but still no dice. Does it actually work when you test it out or could the CSS code need to be tweaked a bit?