Skip to main content

Horizontal Search Form for Booking plugin

Comments

7 comments

  • Benjamin Cajner

    An option for a horizontal search availability box would be great!

    0
  • Søren Mark Nielsen

    How do i customize the form, when using shortcode? How to add attributes?

    0
  • John Davis

    Hi Søren,

    Could you clarify the question more detailed? Do you mean style attributes or custom attributes to filter the search results by its terms? Please clarify.

    0
  • Søren Mark Nielsen

    How do i make the form look like the ones in your themedemos? Like customizing the style of the form. Also how do i add the attibutes to the shortcode shown on the page above?

    0
  • John Davis

    Hi,

    You may add custom styles to adjust layout of your search form on your theme (input fields, selectors, etc.)

    As for adding class to the shortcode so you may copy it from the article  or type manually? Or do you mean you use some builder where hotel booking widgets are integrated?

    0
  • Illia Khomko

    If this can help:

    @media (min-width: 1024px) {
    .custom-form-horizontal-layout .mphb-required-fields-tip{
    display: inherit;
    visibility:hidden;
    }
    .custom-form-horizontal-layout p input{
    display:inherit;
    width:auto;
    padding: 12px;
    margin: 8px;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    }
    .custom-form-horizontal-layout p select{
    margin: 8px;
    background-color: #fff;
    padding: 12px;
    color: black;
    width: auto;
    border: none;
    font-size: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    }
    .custom-form-horizontal-layout p text{
    visibility:hidden;

    }
    }

    2
  • John Davis

    Hi Olympe,

    You can install this beta plugin and activate it https://wordpress.org/plugins/mphb-styles/
    Then go to edit the shortcode or block of the form and add the following class

    is-style-horizontal-form 

    Let me know if it is helpful.
    We’ll continue developing the HB Styles plugin to add more design controls.

    0

Please sign in to leave a comment.

Powered by Zendesk