如何删除 twitter 小部件中的边框答案

【问题标题】：How to remove the border in twitter widget如何删除 twitter 小部件中的边框
【发布时间】：2013-03-21 03:12:46
【问题描述】：

我正在尝试在我的网站中包含 twitter 小部件。它是使用 Smarty 开发的。我正在尝试自定义小部件。现在它在右侧部分有一个滚动条。我认为我们可以通过在类stream 中添加样式overflow:hidden 来消除它。但我不确定我们该怎么做。我尝试过使用外部 css 文件，但它不起作用。请帮助我通过删除滚动条来自定义它。

 <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-id="myid" width="376" height="200">Tweets by @name</a>

{literal}
<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>
{/literal}

请在此处查看页面http://www.jobslamp.com/test.php

新代码 -------------

   <div class="clear"></div>{literal}
<style TYPE="text/css">
#footer {
   background-image: none !important;
  }
    </style>{/literal}
    <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-  id="myid"    width="376" height="200" style="border:1px solid red !important;">Tweets by   @username</a>

 {literal}<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>{/literal}
<div class="clear"></div>

【问题讨论】：

尝试使用!important。
感谢您的宝贵时间，您能告诉我如何使用它。抱歉我之前没用过
.stream { overflow: hidden !important; }

标签： css twitter widget smarty customization

【解决方案1】：

试试这个 CSS：

#footer {
background-image: none !important;
}

【讨论】：

感谢您的宝贵时间和建议。我已经更新了代码，但没有任何改进。请看jobslamp.com/test.php

【解决方案2】：

无需全部禁用。只需使用 API 提供的新参数即可：

<a href="your_timeline" data-chrome="noscrollbar" ...

source = dev.twitter

【讨论】：