Filter Layout As Per demo

[Ushir Shah]

https://hbdemo.getmotopress.com/villagio/?dr=1

See demo above and look at the area below the filter where you put in your dates. how do I create that same look with your plugin? With the details of the accommodation in 3 blocks.

Thank you

[Andre Flores]

Hello Ushir,

You should use the [mphb_rooms] shortcode and adjust the layout via CSS. You may add the following code under Appearance ->Customize ->Additional CSS:

@media (min-width: 48em) {
.page-template-template-front-page .mphb_sc_rooms-wrapper .mphb-room-type  {
  width: 33.3333%;
  padding: 0 1.875em 2.3125em;
}
.page-template-template-front-page .mphb_sc_rooms-wrapper .mphb_room_type_featured_image_wrapper {
	margin-left: -1.875em;
	margin-right: -1.875em;
	border-right: 1px solid #fff;
}}

Regards,
Andre

[Author]

Posts