Title: Submit button error Last modified: August 31, 2016 --- # Submit button error * Resolved [deonped](https://wordpress.org/support/users/deonped/) * (@deonped) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/) * Hi NateWr When a customer clicks on the “request a booking” button after filling in their details, it no longer goes through to the success page with the success message displayed. This then also doesn’t send the booking through to the Restaurant Bookings back office page either or send the emails through to admin or the customer. It used to work a while ago, but it was brought to my attention recently and so I don’t know for how long it hasn’t been working. * Any thoughts? * Deonped * [https://wordpress.org/plugins/restaurant-reservations/](https://wordpress.org/plugins/restaurant-reservations/) Viewing 8 replies - 1 through 8 (of 8 total) * [NateWr](https://wordpress.org/support/users/natewr/) * (@natewr) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199682) * Hi Deonped, * Can you post a link to the booking form on your site? * Thread Starter [deonped](https://wordpress.org/support/users/deonped/) * (@deonped) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199683) * Hi NateWr * it’s [http://eaterywoodfiredgrill.co.za/reservation/](http://eaterywoodfiredgrill.co.za/reservation/) * [NateWr](https://wordpress.org/support/users/natewr/) * (@natewr) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199743) * Hi deonped, * When I clicked on the Request Booking button, it correctly reloaded the page and flagged the missing fields with errors. Since this is a live site, I didn’t want to successfully submit a test booking without permission. * Is it ok if I make a booking to see what happens? * Thread Starter [deonped](https://wordpress.org/support/users/deonped/) * (@deonped) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199870) * Hi NateWr Yes please go ahead and test. Just put testing system in the comments field. Thanks * [NateWr](https://wordpress.org/support/users/natewr/) * (@natewr) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199872) * Hi deonped, * It looks like your theme has hidden important form details, like required fields and error messages, using CSS code. There are two problematic rules: * ``` .rtb-booking-form label { display: none; } ``` * ``` .rtb-booking-form .rtb-error { display: none; } ``` * The first snippet is hiding the labels which appear above the field. For that reason, your custom checkbox field is hidden completely. * The second snippet is hiding the error message. That means that when the checkbox field is incomplete, and returning a required field error, you can’t actually see this error or correct it. * Here’s a screenshot of what your form looks like when I disabled those two styles: * [http://i.imgur.com/9vIO4du.png](http://i.imgur.com/9vIO4du.png) * I believe the folks behind the Berg theme have updated a couple times to improve compatibility with my plugin. If you contact them and point them to this comment, they should help you fix it for the time being and provide a fix in a future update to the theme. * [NateWr](https://wordpress.org/support/users/natewr/) * (@natewr) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199873) * And to give a head-start, here is how I’d solve the labels issue. Each form field has a class which represents it’s type. With this you could target just the labels of non-checkbox and radio fields: * ``` .rtb-booking-form fieldset > div:not(.rtb-checkbox):not(.rtb-radio) { display: none; } ``` * However, to improve accessibility, they should really be hiding the label using a technique that’s more friendly to screen readers: * ``` .rtb-booking-form fieldset > div:not(.rtb-checkbox):not(.rtb-radio) { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; left: -2000px; } ``` * Thread Starter [deonped](https://wordpress.org/support/users/deonped/) * (@deonped) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199905) * Hi NateWR I was told to add the following into the custom css which has fixed the error: * ``` .rtb-booking-form label { display: block; overflow: hidden; font-size: 14px; font-weight: 400; margin: 15px 0 0 } .rtb-booking-form input[type=checkbox] { width: auto; float: left; height: auto; margin-right: 5px; } .rtb-checkbox.seating-choice label { margin: 5px 0 0; } .rtb-booking-form form fieldset { margin: 15px 0} .rtb-booking-form .rtb-error { display: block; font-size: 12px; margin: 0 0 30px 0; } ``` * Thanks again for the help deonped * [NateWr](https://wordpress.org/support/users/natewr/) * (@natewr) * [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199906) * Great! Glad they got it working for you. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Submit button error’ is closed to new replies. * ![](https://ps.w.org/restaurant-reservations/assets/icon-128x128.png?rev=2205491) * [Five Star Restaurant Reservations - WordPress Booking Plugin](https://wordpress.org/plugins/restaurant-reservations/) * [Frequently Asked Questions](https://wordpress.org/plugins/restaurant-reservations/#faq) * [Support Threads](https://wordpress.org/support/plugin/restaurant-reservations/) * [Active Topics](https://wordpress.org/support/plugin/restaurant-reservations/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/restaurant-reservations/unresolved/) * [Reviews](https://wordpress.org/support/plugin/restaurant-reservations/reviews/) ## Tags * [submit](https://wordpress.org/support/topic-tag/submit/) * 8 replies * 2 participants * Last reply from: [NateWr](https://wordpress.org/support/users/natewr/) * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/submit-button-error-1/#post-7199906) * Status: resolved