Hoe een actief menu item van een WordPress plugin wijzigen

[damnsharp]

Goedemiddag,
Ik weet niet precies hoe ik in CSS het actieve menu item het gekleurde bolletje in een andere kleur moet laten wijzigen. Bij een gewoon menu lukt het me wel maar omdat ik nu met een plugin werk bij een WordPress website vind ik het lastiger.
Een stuk van de html code hoe die eruit ziet is:

<div id="olt-subpages-navigation-widget-2" class="widget-container widget_subpages_navigation">
	<ul class="subpages-navi subpages-navi-widget">
		<li class="subpages-navi-node subpages-navi-level-0 subpages-navi-current-level">
			<a href="http://www.testsite.nl/menu1">menu item 1</a>
		</li>
		<li class="subpages-navi-node subpages-navi-level-0">
			<a href="http://www.testsite.nl/menu2">menu item 2</a>
		</li>
	</ul>
</div>

Gedeelte CSS code waarin ik het menu item een gekleurd bolletje geef:

body.page-id-26 #olt-subpages-navigation-widget-2 li {text-align:right; background: url("../images/lila.png") right 2px no-repeat; padding: 0 30px 16px 0;}

Ik zal vast wat met de class "subpages-navi-node subpages-navi-level-0 subpages-navi-current-level" moeten doen in de CSS maar ik weet het niet precies.

Bedankt voor het meedenken alvast!

 

[damnsharp]

Oh, aanvulling de link naar de demo website waarmee ik aan het stoeien ben: http://www.albuswebdesign.nl/demo/over-ons/
En dan als ik klik op OnsSubMenu1 of OnsSubMenu2 wil ik het bolletje kleur laten wijzigen.

 

[damnsharp]

Het is opgelost, bleek eenvoudiger (meestal) dan gedacht:
.subpages-navi-current-level {
background: url("images/blauw.png") no-repeat right top transparent !important;
}