Уменьшить минимальную высоту виджета Twitter

Question

Я использую виджет Twitter в моей системе управления библиотекой. Я хочу уменьшить минимальную высоту виджета твиттера, поскольку его минимальная высота не менее 250 пикселей. Я хочу, чтобы это было меньше. Как я буду делать это через CSS?

Это код виджета, который я получил из твиттера:

<a class="twitter-timeline"  href="https://twitter.com/vhakhikhang" data-widget-id="520463403060432896">
    Tweets by @vhakhikhang
</a>
<script>
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)    [0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

Answer 1

.stream не работает для меня, но следующее сработало.

iframe.twitter-timeline {
    height: 50px !important;
}

Он просто выбирает класс в iframe, который генерирует твиттер на вашей странице, и переопределяет его элемент высоты в iframe.

Answer 2

Используйте следующий CSS, добавьте нужный размер !important

.stream {
height: 50px !important;
}

!important Объявления помогут вам переопределить обычную специфику CSS, предоставляемую Twitter API.