Как изменить размер виджета JavaScript?

Question

Мне нужно вставить этот виджет JavaScript на моем сайте. Дело в том, что если я вставлю этот скрипт на веб-сайт, высота будет слишком большой и будет много "потраченного впустую" пространства. Мне было интересно, смогу ли я изменить его размер до высоты 215 пикселей.

Я пытался включить его в div или iframe, но мои попытки не увенчались успехом. Есть ли быстрый способ сделать это?

Спасибо

<script src="https://next.fatsoma.com/widgets/scripts/events.js" data-reference="1b98e59f-5e65-42ef-bf8c-e2c389ebbb54"></script>

Answer 1

Исправил это для вас, оберните его внутри div, укажите высоту и установите переполнение: hidden;

height: 215px;
overflow: hidden;

JSFiddle demo

Answer 2

Используя ту же технику, Paradoxis сделал с div, обернутым вокруг вашего виджета, который является iFrame, вы можете сделать это в css, если у вас есть следующее:

    <div class="test">
       <script src="https://next.fatsoma.com/widgets/scripts/events.js" data-reference="1b98e59f-5e65-42ef-bf8c-e2c389ebbb54"></script>
    </div>

Вы можете сделать это в вашем CSS:

    div.test iFrame {
        width:215px!important; //!important is used because the width is set inline on the iframe
    }