How to customize the look of [mphb_availability]

[Jeffrey Donchez]

I’m trying to modify the layout of a theme, but the [mphb_availability] form is “static” I can’t find a place to customize it at all aside from changing the title and color of the button.. I want it to look more along the lines of:

any assistance would be more than welcome.. it doesn’t have to look exactly like that, but want it to be vertically laid out as opposed to the horizontal layout that seems to be on every theme.

[Andre Flores]

Hello Jeffrey,

The booking form can be customized via custom CSS, e.g. the following one:

.mphb_widget_search-check-in-date, .mphb_widget_search-check-out-date {
	width: 45%;
	float: left;
}
.mphb_widget_search-check-out-date {
	margin-left: 10px;
}
.widget.widget_mphb_search_availability_widget form .mphb_widget_search-submit-button-wrapper input {
	width: 100%;
}

If you provide me with an example URL, I will gladly take a look at it and provide specific styles to convert booking form to vertical layout.

Regards,
Andre

[Author]

Posts