We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Blank Space between iframe and other elements

November 20, 2020 at 7:49 am #4602
[anonymous]
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!
November 20, 2020 at 8:11 am #4603
Bob
Add the following CSS rules:
```
.post__iframe::before, .post__video::before {
    padding-top: 0;
}
```
November 20, 2020 at 1:52 pm #4605

[anonymous]

it’s perfect! Thanks!