MKULTRONHi guys, wondered if you could help. Basically I'm trying to make two separate widgets look the same. The second one - "recent posts" uses a small php script that singles out only the most recent posts from a certain user.
This is the widget that works fine with the CSS (also below) -
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">[ CATEGORIES ]</h2>
<ul>
<li class="cat-item cat-item-11"><a href="" title="">first post</a>
</li>
<li class="cat-item cat-item-39"><a href="" title="">second post</a>
</li>
</ul>
</li>
.widget {
text-align:center;
list-style-type: none;
}
.widget ul li a {
border-bottom: solid 1px #C7C3C4;
background-color:#FFF;
display: block;
text-decoration: none;
}
.widget ul li a:hover {
border-bottom: solid 1px #C7C3C4;
color: #000;
background-color:#D6D2D3;
display: block;
text-decoration: none;
}
.widgettitle {
margin-top:10px;
padding-top:10px;
padding-bottom:0px;
background: url("images/widget-title.png") no-repeat 0 0;
width:237px;
height:45px;
padding-left:-28px;
margin-left:-28px;
font-size:14px;
color:#FFF;
}The following widget for recent posts however does not, every link has a large gap under it (10/20 pixels) which is really annoying me. This is how it looks in html -
<ul>
<li id="execphp-4" class="widget widget_execphp"><h2 class="widgettitle">[ RECENT POSTS ]</h2>
<div class="execphpwidget"><ul>
<li><a href="" rel="bookmark">
FIRST POST
</a></li>
<li><a href="" rel="bookmark">
SECOND POST
</a></li>
</ul>I've tried adding CSS like this:
ul.execphpwidget, ul li.execphpwidget etc, but no luck. Any idea how i can get it to render the same as the categories widget?
Thanks in advance
MK
