Я пытаюсь настроить новый виджет Twitter, но имею некоторые проблемы с CSS и, похоже, не переоцениваю их на этом новом. Я попытался найти решения, но не могу найти их.
Здесь моя страница с виджетами в правом-nav и измененным CSS для класса .timeline:
.timeline {
margin-bottom:0;
border:0 !important;
border-radius:0 !important;
-webkit-border-radius:0;
-moz-border-radius:0;
}
HTML:
<div class="bg">
<h3 class="twitter">Twitter News</h3>
<div id="twitter">
<a class="twitter-timeline" href="#" onclick="location.href='https://twitter.com/'; return false;" data-widget-id="268336500536647680">Tweets by </a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div></div>
Я начал использовать! важные декларации и попытался переопределить основной идентификатор #twitter, но не работает.
Любые идеи, которые высоко ценятся.
** Мне, видимо, нужно как-то отредактировать iframe, но не уверен, как - если кто-то имеет более ясное представление о том, как я могу это сделать с моим кодом (в отличие от учебника), это было бы здорово. Мне также нужно изменить ширину iframe.