javascript - Nivo slider displaying numbers instead of background image -


I'm running a very strange situation I've added a nivo slider to a site, but when I click on the slide navigator Controlnav is made up of turn numbers. The thing is that I want to use bullets instead of those numbers. I have tried to add text indent: -9999px but it does not work I have used Nivo many times before, this is the first time the script is new and as far as I can see that no scripting or CSS There is no issue because of which it can be

The site is here:

Why any thoughts may be happening? Thanks!

Displays the nivo slider number by default. To show them pure and to show bullets instead of numbers, which you can use the theme or you can alternatively write your CSS in style.

See the topic to include.

You have to change the html a bit.

See these 2 JS Fiddles for the purpose and without any examples.

- Without

- with

in the default-theme CSS file, it includes the following styles that display the link as a bullet.

  .theme-default. NivoSlider A {Boundary: 0; Display area; } .theme-default .nivo-controlNav {text-align: center; Padding: 20px 0; } .theme-default .nivo-controlNav is a {display: inline-block; Width: 22px; Height: 22px; Background: URL (bullets) no-duplicate; Text Indent: -9999px; Border: 0; Margin: 0 2px; } .theme-default .nivo-controlNav a.active {background-position: 0 -22px; }  

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -