Styling HTML sidebar widget

i'm trying to figure out how to remove the bullets from the right sidebar items on this page: http://dianahoppe.com/

for some reason, when i firebug those items, it says that the following style is being applied:

.widget ul li a:link
.widget ul li a:visited
{background: ulr ("default/bullet.png:)...

Code (markup):

and when i deselect that code with firebug, the bullets go away.

but then i look to my actual style sheet to delete the bullet code, but it doesnt exist anywhere on my stylesheet????!!!!! below is the section of widget code from the style sheet:

.widget  { margin: 0 0 30px 0; }
.widget h3  { margin: 0; padding: 10px 0; text-transform:uppercase; color: #404040; }

.widget ul  { clear:both; }
.widget ul li  {}
.widget ul li a:link, .widget ul li a:visited { text-align: center; display: block; padding: 0 0 0 25px; line-height: 30px; text-decoration: none; color:#666; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

.widget_recent_comments li, #twitter li  { padding: 6px 0 6px 10px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

Code (markup):

please advise how i get rid of those bullets if i cant find the style being applied. thanks.

 

I think a simple way would be to use a text widget and manually enter your html code. Would that work?

Is there another style sheet that is being called in maybe?

 

it is currently in a text widget.

so what's going on here???

 

Are you links on the <ul> and <li> tags? If so, try not to use those tags. See if that works.

Post your widget code here or pm me with it. Ill check it

 

<ul>
<li>
<a href="/category/autographs"><img src="/wp-content/uploads/2010/03/autographs_nav.jpg">AUTOGRAPHS</a>
</li>
<li><a href="/category/dvds"><img src="/wp-content/uploads/2010/03/dvds_nav.jpg">DVDs</a></li>
<li><a href="/category/earl"><img src="/wp-content/uploads/2010/03/earl_nav.jpg">EARL STRICKLAND SOUVENIRS</a></li>
<li><a href="/category/photography"><img src="/wp-content/uploads/2010/04/photography.jpg">PHOTOGRAPHY</a></li>
</ul>
 

Code (markup):

 

Try this

<a href="/category/autographs"><img src="/wp-content/uploads/2010/03/autographs_nav.jpg">AUTOGRAPHS</a>
<br>
<a href="/category/dvds"><img src="/wp-content/uploads/2010/03/dvds_nav.jpg">DVDs</a>
<br>
<a href="/category/earl"><img src="/wp-content/uploads/2010/03/earl_nav.jpg">EARL STRICKLAND SOUVENIRS</a>
<br>
<a href="/category/photography"><img src="/wp-content/uploads/2010/04/photography.jpg">PHOTOGRAPHY</a>

Code (markup):

You might need to add another break tag depending on your spacing preference. This will bypass the ul and li tags.

 

You do realize he's using wordpress and it's not a trivial matter to change the widget's output right? well change it and keep it so it's configurable from the Admin Panel. And keep the theme's styling.

 

I do realize he or she is using WP and I know it's not a trivial matter. The problem lies in his sidebar <UL> links. They are showing the bullets even though the css is not coded to show bullets in the sidebar <ul>.

That is why I suggested he/she not use <ul> tags for the links.

 

yeah that theme is importing it's reset at an odd point IMO. but it doesn't look like it's actually the ul/li that's causing the problem.

.widget ul li a:link, .widget ul li a:visited { background: url(default/bullet.png) no-repeat 10px center; border-bottom: 1px solid #fbdddf; }

that line in http://dianahoppe.com/wp-content/themes/bueno/styles/default.css
section 4.1 is the problem.

explicitly setting the background-image for .widget ul li a:visited in custom.css should fix it.

 

And there you go OP. I see it in the style sheet too under GENERIC WIDGETS

I was bouncing back and forth between this, a webinar, and some other tasks so I wasn't fully focused here.

Thanks.

 

thanks guys. i didnt realize that there would be a css file in the theme that was not listed within the Theme Files/Templates file list within my wordpress dashboard.

 

Thanks for coding