Nivo slider - how to edit bullet navigation colour WordPress

Navjot Singh answers:

Bullets.png file needs to be changed.

juan manuel incaurgarat answers:

Hi Steve :)
On NivoSlider those bullets are made with images
So I suggest you edit the current CSS and use images with sprite technique.

Search for this line:
.nivo-controlNav a

and you see the image as bullets.png on the background property
that's what u need to change :)

Alfonso Abarca Alvarez answers:

hi steve!

nivo slider uses templates to customize their design, these come within the "nivo-slider/themes"

to customize the current theme you can edit the theme files in "nivo-slider/themes/default", in this template you can customize the default.css and bullets.png


the container of the bullets is:

<div class="nivo-controlNav">
<a rel="0" class="nivo-control">1</a>
<a rel="1" class="nivo-control">2</a>
<a rel="2" class="nivo-control">3</a>
<a rel="3" class="nivo-control active">4</a>
<a rel="4" class="nivo-control">5</a>
<a rel="5" class="nivo-control">6</a>
</div>

Arnav Joy answers:

which plugin you are using?

---

Abdelhadi Touil answers:

Are you using it as Wordpress plugin or the standalone version?

Espreson Media answers:

You can do this with css, but it will be better to change "bullets.png" file.
I've attached a changed "grey" bullets.png file.