Center align CSS

  • sacconi

    (@sacconi)


    1 year, 6 months ago

    I’m trying to center the booking form but this is not working for me:

    .bookingaff iframe {
        margin-left: calc((100% - 770px) / 2);
    }

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Benedikt Ledl

    (@benniledl)

    1 year, 6 months ago

    Hey 🙂
    Try this:

    .entry-content:has(.bookingaff) {
      text-align: center;
    }
    Thread Starter sacconi

    (@sacconi)

    1 year, 6 months ago

    @whyviru Ok, it’s working, I just changed the background https://test.sacconicase.com/hotels/

    bookingaff {display: flex; justify-content: center; align-items: center; width: 100%; height: auto;background-color: lightgrey; padding-top:30px}

    .bookingaff iframe { max-width: 100%; width: 770px; height: 500px;border: none;background-color: lightgrey;}

    Maybe could you tell me if you see the booking form in your own language? I need to discover if booking is intelligent enough to show the right language to the user…thank you

    • This reply was modified 1 year, 6 months ago by sacconi.
    Benedikt Ledl

    (@benniledl)

    1 year, 6 months ago

    @sacconi

    In my german browser the booking form is in german, the rest of the website is not though.

    Thread Starter sacconi

    (@sacconi)

    1 year, 6 months ago

    thank you for the usefull feedback, you are lucky because you can see my entire site in german, you have a language selector in the main menu of the website

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Center align CSS’ is closed to new replies.

Tags