Slider control paging doesn't work

[atop]

Hi,
The slider paging (the small round buttons on the left under the slider ) doesn’t work on this page;
http://www.smitautos.nl/wpsmit/
It seems that in the Akita live demo on the first page it doesn’t work either.
How can i fix this?

Regards,
CJ.

Topic

[Jason Bobich]

Hello CJ,

I’m not quite sure I’m understanding. On your site and in the live demo, the navigation on the homepage’s slider seems to be working the way it should for me. Can you tell me what web browser and web browser version you’re experiencing the issue in?

[atop]

Hi Jason,

For example, on: http://demo.themeblvd.com/?theme=akita
The small round navigation buttons on the left under the slider don’t change (light up) when a new slider comes in.
I tried this in Firefox 19.0, Chrome and IE9 and in none of the browsers this works.

[Jason Bobich]

Ok, so by “doesn’t work” you don’t mean the functionality of the button, you mean that you want there to be some sort of style change on the selected button.

Try putting in your Custom CSS:

#featured .standard-slider-wrapper .flex-control-nav li a.flex-active {
	background-position: -13px 0;
}

[atop]

Thank you very much Jason,
that works!
(I thought this was done in this rule in theme.css:
“#featured .standard-slider-wrapper .flex-control-nav li a.active{ background-position: -13px 0; }”
But it needed “flex-” before active)

[Jason Bobich]

Yeah, this was just a mistake. At one point in updating the theme, I updated the slider plugin, FlexSlider. In FlexSlider v2+ they changed it to use class flex-active instead of active; I just didn’t write this in the updated theme’s CSS.

[Author]

Replies