Accommodation Types center

  • This topic has 5 replies, 3 voices, and was last updated 11 months ago by J. Davis.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1277949
    N Suter
    Participant

    Hey Hi
    I only wanna show 2 accommodation types on my homepage. Works! cause I’ve only got 2. But how do i get the 2 centered on my page. I don’t need the empty space for a third accommodation

    #1278758
    J. Davis
    Keymaster

    Hi, Thanks for your question. You may try to add the styles below to Appearance > Customize > Aditional CSS:

    @media (min-width: 992px){
    body.home .mphb_sc_rooms-wrapper.horizontal-list .type-mphb_room_type {
       width: 48%;
       margin-left: .66%;
       margin-right: .66%;
    }
    }

    Let us know if you have any further questions.

    best regards,
    J. Davis

    #1515481
    George Greitas
    Participant

    Hello guys,

    I was wondering the exact same thing but keeping the size of the accommodations as they are now. I only need them to move to the center.

    Many thanks

    George

    #1519691
    J. Davis
    Keymaster

    Hi George,
    Could you please provide your site URL where I can check the current styles?

    #1520581
    George Greitas
    Participant

    Many thanks for getting back to me. It’s https://apartmentsgeorge.com/

    #1526883
    J. Davis
    Keymaster

    Hi George,
    Thanks for your reply. You may try adding the style below:

    .mphb_sc_rooms-wrapper.mphb-room-types.standard.horizontal-list {
      justify-content: center;
    }

    Otherwise, you may add Single Accommodation widgets into 2 columns and align the columns to the center via Elementor.

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