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

Question

Я использую виджет Twitter в моей системе управления библиотекой. Я хочу уменьшить виджет 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

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

.stream { 
height: 50px !important; 
} 

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

Answer 2

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

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

Он просто выбирает класс на IFrame твиттере генерирует на своей странице и перекрывает его высота элемента на в IFRAME.