如何刪除嘰嘰喳喳小部件中的邊框

我想在包含嘰嘰喳喳小部件在我的網站。它使用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>

來源

2013-03-30 user1065021

嘗試使用'important'！ –

謝謝你的時間，你可以告訴我如何使用它。對不起，我沒有在 – user1065021

之前使用'.stream {overflow：hidden！important; }' – Fluoxetine

試試這個CSS：

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

來源

2013-03-30 15:12:38 kleinohad

感謝您的時間和建議。我更新了代碼，但沒有改進。請看一下http://www.jobslamp.com/test.php – user1065021

-1

無需全部禁用。只需使用API提供新的參數：

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

source = dev.twitter

來源

2013-04-08 19:17:26 calo

如何刪除嘰嘰喳喳小部件中的邊框

回答

相關問題