I've added a WPG sidebar block image link to my Wordpress theme's sidebar. The image appears using the theme's CSS customization which adds leading bullet images to each link:
#sidebar ul li a {
background: #FFFFFF url(images/sidelink.gif);
I know that I can get rid of all the bullets with:
#sidebar {
background: #FFFFFF; background-image: none ;
}
Unfortunately I'm not very good at CSS and I'm not sure where to add this line to make it apply just to the image block.
Could someone tell me what tag to create to add this to?
e.g. I've tried #sidebar ul #sidebarwidgeted { background-image: none ... } but obviously that's wrong.
Thank you for any help.
Source code of generated page shows:
<div id="sidebar">
<ul id="sidebarwidgeted">
<li id="wpg2-sbar-block" class="widget wpg2_widget_sidebarblock_display"> <h2 class="widgettitle">Image of the Day</h2>
<div>
<div class="wpg2sidebarblock-image"><table class="ImageFrame_x_charcoal_cropped_14px" border="0" cellspacing="0" cellpadding="0"><tr><td class="TL"></td><td class="TT"><div class="H"></div></td><td class="TR"></td></tr><tr><td class="LL"><div class="V"> </div></td><td rowspan="1" colspan="1" class="IMG"><a href="http://natureinfocus.com/blog/wpg2?g2_itemId=247" title="Alabama spinypod"><img src="http://natureinfocus.com/gallery2/main.php?g2_view=core.DownloadItem&g2_itemId=248&g2_serialNumber=2&g2_GALLERYSID=133bd225564d38744acf3223c5013b16" width="150" height="101" id="IFid1" class="ImageFrame_image" alt="Alabama spinypod" longdesc="Matalea alabamensis"/></a> </td><td class="RR"><div class="V"> </div></td></tr><tr><td class="BL"></td><td class="BB"><div class="H"></div></td><td class="BR"></td></tr></table><h4 class="giDescription">Alabama spinypod</h4></div> </div>
</li>
Posted: Mon, 2008-07-07 20:43
