Style Form

Add.::
– i kept the titles, and used a negative margin to work around the <br> in the code; But is there a way to remove the <br> between title and textfield?
? kept titles so no need for placeholder.
? I used float left and right on the time and party divs, works fine.

Hi eddiebouncer,

I’m not sure what the <br> is you’re referencing. I don’t use any <br> in my form output. Perhaps you’re using a theme that has customized the form output in some way?

If you want to modify the form, the best way is to hook into the rtb_booking_form_fields and modify the $fields array. You can see that here as well as read the comments describing how to work with it.

A simple example of hooking into the filter to modify the label of the Party field can be found here.

If you want to add placeholders, you’ll need to define your own custom callback functions for each field. Take a look at the callback key in the $fields array, and take note of how they match up with functions in template-functions.php. You can write your own function and call it instead of the default ones.

An example for the name div which holds the br tag:

<div class="name">
<label for="rtb-name">
<br>
<input id="rtb-name" type="text" value="" name="rtb-name">
</div>

So this is theme related?

It’s definitely not in the plugin’s code. Can you post a link to the form on your site?

Sorry, it’s currently in dev-mode. Over here, i’ve set up a redirecting host.

Add.: The full code does have a closing /label tag; previous code-snippet was mainly to show the br-tag pops up.

<div class="name">
<label for="rtb-name">
<br>
Name
</label>
<br>
<input id="rtb-name" type="text" value="" name="rtb-name">
</div>

I can post the link soon if you’d like to take a look. For now i’ve set negative margin to fix it:

.rtb-booking-form label {
	margin: -1.5em 0;
}

This looks to me like something is running wpautop() or otherwise converting new lines into <br> elements. I’d suggest switching to a default theme, like TwentyFifteen, to see if the <br> elements are still there. If not, you can be pretty sure something in your theme is causing this issue.