Search code examples
csswordpressunderline

Removing list underline with CSS


So I'm using Wordpress to make my website (www.codedgames.com) and the theme I'm using puts an underline on one of its lists but not the rest. I'd like to remove the underlines from the "Recent blog posts" widget of the footer with CSS. I'm not amazing at CSS or HTML so I'm not sure how to fix this. Any help would be greatly appreciated. Here is the HTML associated with the list:

    <div id="footer_two" class="span4">

<aside id="recent-posts-3" class="widget widget_recent_entries">        
<h3 class="widget-title">Recent Blog Posts</h3>     <ul>
                    <li class="">
                <a href="http://codedgames.com/moto-360-on-iphone-review/">Moto 360 on iPhone Review</a>
                        </li>
                    <li class="">
                <a href="http://codedgames.com/how-good-is-tgt/">How Good is TGT?</a>
                        </li>
                    <li class="">
                <a href="http://codedgames.com/dr-boom-used-to-suck-theory/">Dr. Boom Used to Suck – Card Theory</a>
                        </li>
                    <li class="">
                <a href="http://codedgames.com/how-to-become-a-rocket-league-pro/">How to Become a Rocket League Pro!</a>
                        </li>
                    <li class="">
                <a href="http://codedgames.com/how-to-start-a-twitch-channel/">How to Start a Twitch Channel in 6 Minutes!</a>
                        </li>
                </ul>
        </aside>        
                                                                                                     </div>

Solution

  • .widget_recent_entries li {
       border-bottom: none !mportant;
       position: relative;
    }