Filter Layout As Per demo

  • This topic has 1 reply, 2 voices, and was last updated 2 years ago by Andre Flores.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1028382
    Ushir Shah
    Participant

    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

    #1028743
    Andre Flores
    Moderator

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.