Sign in

Blank Space between iframe and other elements

  • This topic has 2 replies, 2 voices, and was last updated 1 week ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4602
    kemot

    Hi,

    I have a problem with a blank space between my text and the iframe element: https://cosmopolka.com/individuellen-anprobetermin-reservieren.html

    I’ve already tried a lot with “margin” and “padding” in the custom css tool but the space doesn’t get smaller. Here is the code:

    <p class="align-center">text...</p>
    <p><iframe width="100%" height="800" class="terminkalender-iframe" src="https://app.acuityscheduling.com/schedule.php?owner=20827861" title="Termin vereinbaren" frameborder="-100"></iframe>
    <script src="https://embed.acuityscheduling.com/js/embed.js" type="text/javascript"></script>
    </p>
    .post__iframe .terminkalender-iframe {
      position: relative;
    }

    Does anyone have an idea? Thanks for any suggestions!

    #4603
    Bob
    Support

    Add the following CSS rules:

    .post__iframe::before, .post__video::before {
        padding-top: 0;
    }

     

     

     

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #4605
    kemot

    it’s perfect! Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Blank Space between iframe and other elements’ is closed to new replies.