jquery - 从 Advanced News Ticker 中删除右边框

Question

我已经在我的网站上安装并自定义了 JQuery Advanced News Ticker。有一个问题，右边界，我一直没能消失。这是网站(它仍然需要大量工作)所以你可以明白我在说什么。

http://ccrogers.com/stage/cbk/

它就在促销横幅的下方。

这是 .js 文件

        $(document).ready(function() {
            //Quotes rotator
            var divs = $('.cbp-qtcontent');

            function fade() {
                var current = $('.current');
                var currentIndex = divs.index(current),
                    nextIndex = currentIndex + 1;

                if (nextIndex >= divs.length) {
                    nextIndex = 0;
                }

                var next = divs.eq(nextIndex);

                next.stop().fadeIn(1500, function() {
                    $(this).addClass('current');
                });

                current.stop().fadeOut(1500, function() {
                    $(this).removeClass('current');
                    _startProgress()
                    setTimeout(fade, 8000);
                });
            }

            function _startProgress(){
                $(".cbp-qtprogress").removeAttr('style');
                $(".cbp-qtprogress").animate({
                    width:"800px",
                } , 8000);
            }

            _startProgress()
            setTimeout(fade, 8000);
        });
    </script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

这是 .css 文件

@font-face {
font-family: 'fontawesome';
src: url('../fonts/fontawesome.eot');
src: url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),  url('../fonts/fontawesome.svg#fontawesome') format('svg'),  url('../fonts/fontawesome.woff') format('woff'),  url('../fonts/fontawesome.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

body {
font-family: 'Lato', Calibri, Arial, sans-serif;
color: #47a3da;

}

.main {
width: 800px;
margin:20px auto;

}

.cbp-qtrotator {
width: 800px;
height: 180px;
position: relative;
float: left;
margin: 0;
padding-top: 11px;

}

.cbp-qtcontent {
width: 100%;
height: auto;
position: absolute;
min-height: 100px;
top: 0;
z-index: 2;
display: none;

}

.cbp-qtrotator .cbp-qtcontent.current {
display: block;

}

.cbp-qtrotator blockquote {
margin: 25px 0 0 70px;
padding: 0;

}

.cbp-qtrotator blockquote p {
font-size: 1.25em;
color: #888;
font-weight: 300;
margin: 0 .4em 0 10em;

}

.cbp-qtrotator blockquote footer {
font-size: 1em;
color: #888;
margin:0 0 0 15em;

}

.cbp-qtrotator blockquote footer:before {
content: '― ';

}

.cbp-qtrotator .cbp-qtcontent img {
float: left;
margin: 20px 0 0 0;

}

.cbp-qtprogress {
position: absolute;
background: #47a3da;
height: 1px;
width: 0%;
z-index: 1000;

}

你还需要什么帮助我吗？

我感谢 StackFlow 的每一个人。你对这个迟钝的老脑子很有帮助!

Answer 1

您需要添加 CSS:

#cbp-qtrotator > div.cbp-qtcontent.current > blockquote{
     border-right: none;
}

这将删除当前在 base.css 中设置的边框:

blockquote {
 margin: 0 0 0px; 
 padding: 0; 
 border-right: 1px solid #796172; 
}