试图摆脱这个随机的点点

所以，我添加了一个定制的实时推特功能到网站上，使用一种叫做“twitter-post-fetcher”的方式，我试图摆脱这个随机的点在即时推文旁边。我尝试添加它'list-style'，但似乎没有工作。试图摆脱这个随机的点点

在此先感谢。

<!-- Custom CSS --> 
    <link href="css/customstyle.css" rel="stylesheet"> 
    <style type="text/css"> 
    .border{ 
     border-right:1px solid #000; 
    } 

    footer{ 
    margin-top: 300px; 
    } 
    .audio-peri-soc{ 
    width:190%; 
     line-height: 45px; 
    } 
    .social-media{ 
    display: block; 

    } 
    .unstyled{ 
    list-style-type: none; 
    } 
    .border{ 
     border-right:2px solid #ccc; 
     height:100px; 
    } 

    .col-lg-4{ 
     width:30%; 
     list-style-type: none; 
     } 

     .compress .col-xs-9{ 
     width: 200%; 
     padding-left: none; 

     } 

     .compress .col-xs-4{ 
     padding-left:0; 
     } 
     .compress .col-lg-8 div{ 
     margin:0; 
     padding: 0; 
     color:black; 
     font-size: 15px; 
     width:100%; 
     } 

     .blue{ 
     color:#fff; 
     bottom:0; 
     margin-top:-10px; 
     margin-left: 10px; 
     font-size: 10px; 
     } 
     .compress{ 
     width:100%; 
     margin: 0; 

     } 

     .twitter-fav-icon{ 
     margin-left: 5px; 
     } 
     .compress p, a { 
     font-family:Arial,Sans-Serif; 
     font-size:13px; 
     color:black; 
     text-decoration:none; 
     margin: 0; 

     } 

     .compress ul li { 
     list-style:none; 
     overflow:hidden; 
     margin:50px; 
     padding:5px; 
     width:100%; 



     } 

     #example1{ 
     margin-left: -40px; 
     padding: 0; 
     list-style-type: none; 

     } 
     .interact a{ 
     margin: 0 0 0 5px; 
     padding: 0; 
     text-decoration: none; 
     } 

     .compress ul li:hover { 
     background-color:#fff; 

     } 
     .compress .user, .tweet, .timePosted { 
     float:none; 
     } 
     .compress a, a:visited { 
     color:#999; 
     } 

     .compress a:hover { 
     color:#ccc; 
     } 

     body{background:url('http://www.placehold.it/1200x800/cccccc/000000') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    -o-background-size: cover; 
    margin: 0;} 

    .effect{ 
    -moz-box-shadow: inset 0 0 10px #000000; 
    -webkit-box-shadow: inset 10px 100px 0 #000000; 
    box-shadow: inset 1px 0 10px #000000; 

    } 
    .col-md-7 p{ 
    font-size:15px; 
    line-height: 230%; 
    text-align: justify; 
    width: 500px; 
    margin-top: -30px; 
} 

    #footerSlideButton { 
    background-image:url('http://placehold.it/50x50'); 
    background-repeat:none; 
    position: absolute; 
    top: -55px; 
    right: 20px; 
    width:50px; 
    height:50px; 
    border: none; 
    cursor: pointer; 

    } 
.container .pull-left p{ 
    margin: 0; 
    color:blue; 
    padding:0; 
} 


.navbar-fixed-bottom p{ 
margin: 20px; 
font-size: 15px; 
} 
.navbar-fixed-bottom { 
    position: fixed; 
    bottom: -20px; 
    height: 0; 
    width: 100%; 
    background-color:#ffffff; 
    padding: 10px 0; 
    margin: 0; 
} 

@media (max-width:630px) { 


ul{ 
    color: blue; 
} 


} 
</style> 
</head> 

<body> 
<footer> 
    <div class="container" id="contact" name="contact"> 
     <div class="row"> 
     <br> 
     <h1 class="centered">THANKS FOR VISITING US</h1> 
     <hr> 
     <div class="col-lg-4"> 

      <h3>Latest Tweets 
     </h3> 


        <div id="example1"></div> 
        <h4>Watch me on Periscope</h4> 
      <script>...</script><a href="#" class="periscope-on-air" data-size="large">...</a> 
     </div><!-- col --> 

     <div class="col-lg-4 border"> 

      <form class="form-horizontal" role="form"> 

       <div class="form-group"> 

       </div> 

      </form><!-- form --> 
      </p> 
     </div><!-- col --> 

     <div class="col-lg-4"> 
      <h3> Subscribe 
     </h3> 


        <div id="example1"></div> 
        <p>Subscribe for the latest newsletters and updates</p> 


<div id="mc_embed_signup" class="mailchimp"> 

     <div class="form-group"> 
     <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Enter email"> 
     <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn__bottom--border mailchimp__btn" data-style="shrink" data-horizontal>   
     </div> 

     <div id="mce-responses" class="clear"> 
      <div class="response" id="mce-error-response" style="display:none"></div> 
      <div class="response" id="mce-success-response" style="display:none"></div> 
      </div> 
      <div class="" style="position: absolute; left: -5000px;"><input type="text" name="..." value=""></div>       
    </form> 
     <span class="form_nospam">No spam</span> 
    </div><!--End mc_embed_signup--> 
     </div><!-- col --> 

     </div><!-- row --> 

    </div><!-- container --> 

<hr class="container"> 

<div class="container"> 
    <a href="https://www.facebook.com/alwayssunny/?fref=ts" target="_blank"><i class="fa fa-facebook fa-2x"></i></a> 
        <a href="https://twitter.com/alwayssunny?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><i class="fa fa-twitter fa-2x"></i></a> 
        <a href="https://soundcloud.com/allisondanger/its-always-sunny-in-philadelphia-intro" target="_blank"><i class="fa fa-soundcloud fa-2x"></i></a> 

        <div class="pull-right"> 
        <iframe width="60%" height="20" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/226657681&amp;color=999999&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"> </iframe> 
        </div> 
        </div> 

    </footer> 

</body> 

</html>

来源

2015-11-06 Erica Rodriguez

甚至没有看你的代码，简短的回答几乎可以肯定你需要加强你的选择。做到这一点的最佳方式是使用浏览器的开发人员工具来确定哪种风格超越了你的风格，并使你的选择器比那个更强大一点。 – gilly3

我会尽力，谢谢！ –

假设您根本不想要项目符号点。

* { 
    list-style-type: none; 
}

来源

2015-11-06 18:24:50

非常感谢，我知道星号摆脱了所有的要点，并且我没有看到我自己将来在这个网站上使用它们。它效果很好，再次感谢！ –

试图摆脱这个随机的点点

回答

相关问题