Bullet Points
 

I've been trying to make another minor adjustment to this theme by changing the left borders on my link list widget to disc bullet points or an image of my choice. I couldnt find any similar threads regarding this so I just thought I'd ask.

Any suggestions? Thanks in advance!

I have also the same problem. I might have solved it, but there might be a better (and elegant) solutions.

to override the widget ul li values, I have added some CSS code in
Theme Options >> HTML/CSS Insert >> CSS Inserts:


//add a double angle quote and space before list name
#custom-gen ul li:before {
content: "\00BB \0020";

// or a bullet image
//list-style-image: url('somewhere/bullet.gif');
}

//left border of list
.widget ul li a:link,
.widget ul li a:visited,
.widget ul li a:active {
//border-left: none; //remove border
border-left: dotted; //or dotted instead of solid


somehow activating bullet with list-style-type or list-style-image doesn't work

.widget ul li a:link,
.widget ul li a:visited,
.widget ul li a:active {
list-style-type: circle;
//or
list-style-image: url('somewhere/bullet.gif');
}

I'm not sure I get this.

What exactly do I add if I want to add a simple HTML bullet beside each list point instead of the grey square?

See http://forum.bytesforall.com/showthread.php?p=4510