小编321*_*321的帖子

我正在尝试自定义新的Twitter小部件,但是在CSS上遇到了一些问题,似乎无法覆盖这个新的小部件.我试过寻找解决方案,但找不到任何匹配.

这是我的页面右侧导航中的小部件和.timeline类的调整后的CSS:

.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="https://twitter.com/" 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>

我已经开始使用!important声明并尝试使用主#twitter id来覆盖,但都不起作用.

任何想法都非常感激.

**我显然需要以某种方式编辑iframe,但不确定如何 - 如果有人更清楚地知道如何使用我的代码(而不是教程)来做到这一点会很棒.我还需要更改iframe宽度..

我正在尝试将此selectpicker用于表单选择和选项,但无法使其工作.

我已按指定添加了以下脚本和css:

    <script type="text/javascript">
    $('.selectpicker').selectpicker({
      });
    </script>

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

在搜索栏中选择第一个灰色的 html :

<select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
            <option value="All">All</option>
            <option value="Businesses">Businesses</option>
            <option value="Events">Events</option>
            <option value="News">News</option>
            <option value="Lifestyle">Lifestyle</option>

        </select>

任何想法都赞赏.

我的网站不会在Chrome中启用“ proxima nova” otf，也无法理解原因。这是CSS：

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf") format('opentype');
}

任何想法表示赞赏。