Custom css for Alpenhouse Availability Search Form?

[Judy]

Hi, theme is Alpenhouse.

I’m using the horizontal Availability Search form shortcode with Elementor and I want the forms text to look the same as the Alpenhouse Home 1 demo page https://themes.getmotopress.com/alpenhouse/

Where the following is in white…
– “Check In” and “Check Out”

And this line is removed…
– “Required Fields are followed by*”

Is there custom css available for this?

Currently I am using this shortcode:
<h5 style=”text-align: center;”>[mphb_availability_search]</h5>

Thank you for your assistance.

• This topic was modified 5 years, 2 months ago by Judy.

[fernando albert]

Budy, you are using that theme or a different theme? I want THAT horizontal widget but for the theme i use (astra), when i use the shortcode or the elementor widget, is look VERTICAL and awful!

[Judy]

This reply has been marked as private.

[Mary Evans]

Hello,

Fernando, you can use this class: .custom-form-horizontal-layout
However, before you should add these CSS classes referring to this article.

@media (min-width: 1024px) {
.custom-form-horizontal-layout .mphb-required-fields-tip{
display:inherit;
}
.custom-form-horizontal-layout p{
display:inline-block;
width:auto;
}
}

Best regards,
Mary Evans
MotoPress Support

[Author]

Posts