Reservation Form in two colums

  • Resolved brandnucreative

    (@brandnucreative)


    9 years, 3 months ago

    Hi,
    Ive used the following code to centre the form on the page:

    .rtb-booking-form {
  max-width: 20em;
  margin: 0 auto;
  text-align: center;
}

.rtb-booking-form input[type="text"],
.rtb-booking-form input[type="email"],
.rtb-booking-form input[type="tel"],
.rtb-booking-form .minict_wrapper {
  display: inline-block;
  max-width: 15em;
}

    but would like to have the boxes in two columns, rather than one under the other….how could I do this?

    Many Thanks
    G

    https://www.ads-software.com/plugins/restaurant-reservations/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi G,

    Sorry, I’m just now noticing this support request. Are you still struggling with this problem? If so, post a link to your site and I’ll see if I can help.

    I was just working on this same problem. Heres the css solution I used:

    .rtb-booking-form fieldset {
		width:49%; float:left; margin:0px; padding:0px; position:relative;

}

    I also wanted to style the submit button:

    .rtb-booking-form button {
		display: block;
	font-size: 1.1em;
	font-family:inherit;
	text-transform: none;
	padding: 10px 35px;
	color: #000;
	background-color: #555;
	background: -webkit-linear-gradient(#9f9f9f, #bdbdbd);
	background: linear-gradient(#9f9f9f, #bdbdbd);
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
}

.rtb-booking-form button:hover {
	background-color: #9f9f9f;
	background: -webkit-linear-gradient(#bdbdbd, #9f9f9f);
	background: linear-gradient( #bdbdbd, #9f9f9f);
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reservation Form in two colums’ is closed to new replies.