I have a site where I cannot change the CSS. I can only add intag style marks and I can also put stuff in the header.
This particular code is there to make each sidebar link have a pink dot in front of it that changes to green when it is moused over.
My problem is that it is also inserting the dot in front of pictures too.
Can I put some inline style or something in the header style that will break this from putting the image in front of the <a><img> tags?
Code:
#nav a {
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
border-bottom: 1px solid #eee;
background-image: url(http://www.sensualwriter.com:8080/themes/dixiebelle/images/icon.gif);
background-repeat: no-repeat;
background-position: 0 55%;
color: #000;
}
#nav a:link, #navlist a:visited{
text-decoration: none;
}
#nav a:hover{
background-image: url(http://www.sensualwriter.com:8080/themes/dixiebelle/images/icon2.gif);
background-color: #fff;
color: #339933;
}
And the section in HTML from the source.
Code:
<li id="text-1" class="widget widget_text"> <div class="textwidget"><p><a href="http://join.jschoolgirls.com/track/NDIwMToxMToyMA/"><img title="Japanese School Girls" alt="Japanese School Girls" src="http://www.2teens.net/asians/asianteensx/240_400_jsg.gif" width="144" height="240" /></a><br /><a href="http://join.jschoolgirls.com/track/NDIwMToxMToyMA/" target="_blank">Japanese School Girls</a></p>
<p><a href="http://www.jpnurse.net.in/"><img title="Japanese Nurse" alt="Japanese Nurse" src="http://www.2teens.net/asians/asianteensx/240_400_01.jpg" width="144" height="240" /></a> <br /><a title="Japanese Nurse" href="http://www.jpnurse.net.in/" target="_blank">Japanese Nurse</a></p></div>
</li>
Again, is it possible to override that CSS snippet so there is no icon in front of the picture/banners?