How can i set a custom image instead grey vertical bars ?

Perhaps somthing like the following selector with a background declaration that points to the image of your choice.?
div.widget ul li {

padding: 1px 5px 1px 12px !important;
background: url('/wp-content/themes/atahualpa366/images/bullets/round-gray.gif') no-repeat 0 7px;
}

sorry, it works but i still have the grey vertical bars ..

Go into ATO>Style Widgets and set the "Left Border Width for Links" to 0.

A suggestion: since so many people don't like the gray bars, how about future iterations of ATA having something more generic and humble, like a circle or dash?

I will send along the suggestion.

I am confused (not diffiult at all to achieve) by the topic of bullets. Te more I read, the more confused I become (see what i mean.)

I appears there are multple places where bullets are configured?

There seem to be are Widget bullets that are not the same thing as Page bullets? I mean, if they are the same thing, why call them Widget bullets?

My goal is simple, which suggests that the solution is going to be complicated. But hey, bring it on (we all know how well that works out in international conflicts, hmmmm?)

I want all bullets to be the same. Either arrows or dots or whatever. Anyhting but those gray bars. If the images do not exist, I can create them in Photoshop. But since the (ugly) bars are generated as CSS, I don't know where or how to replace them in all instances, with the image.

May I have a step by step tutorial (or a link to one, which I am surprised not find, if it already exists)?

Thanks for the excellent support here in the forums. It is a major factor in the success of ATA and I am pleased to support it with occasional donations. .