Edit custom booking form

  • Resolved ccfcambridge

    (@ccfcambridge)


    4 years, 7 months ago

    Can anyone help? I’ve been having great difficulty trying to edit the formatting of my booking form. You can see the labels are all bunched up to one side. I’ve tried letting the site settings override the Events Manager form settings, I’ve tried to find the relevant hooks and add custom css, and I’ve even explored the template files but can’t figure out what needs changing. Ideally I’d have the label on top with the field input below. I’d take having the label wider though. We’ve got developers ready to launch a new site for us in a few weeks so I just need a quick solution to this problem to tide us over until then. Any help very much appreciated!

Viewing 1 replies (of 1 total)

  • Hello,

    You can try this custom css and test if it’s the one that you’re looking for. I would suggest removing any custom CSS you added before trying this one .

    .em-booking-form-details {
	float: none; 
	display: block;
	width: 100%;
}

.em-booking-form-details label {
	display: block; 
	width: 100%;
}

.em-booking-form-details input.input,
.em-booking-form-details select,
.em-booking-form-details textarea {
	width: 100%;
}

div.em-booking-login {
    float: none;
    display: block;
    width: 100%;
    margin: 15px 0;
    border: 0 none;
    padding: 10px;
}

div.em-booking-login p label {
	display: block !important;
	width: 100% !important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Edit custom booking form’ is closed to new replies.