Nivo Slider Control-Nav Help

[stingray91]

Hi,
Thanks for checking this post out.
Im trying to create custom image to replace the “numbers” of Control-Nav.
The result would be something like this “http://imgur.com/qM7fHsQ”

I would only need 2 images for the banner, so is there any way to implement it?

Thanks!

[stingray91]

Upon trying out further,
`
/* Control nav styles (e.g. 1,2,3…) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}

.nivo-controlNav a:nth-child(1) {background-image:url(‘banner_button.png’);}

.nivo-controlNav a:nth-child(2) {background-image:url(‘banner_button2.png’);}

.nivo-controlNav a.active {
font-weight:bold;
}
`

It still doesnt show out the images, and the number 1,2 is still present. Any suggestions?

[Paulie_D]

We can’t diagnose this basic CSS without seeing the HTML that goes with it.

Could you make a Codepen.io example (you can use dummy images) or provide a link to a live site?

[stingray91]

Hi,

http://codepen.io/anon/pen/obykC

I have paste the relevant codes in.

Thanks!

[stingray91]

Hi, Solved.
I did not add a theme in.

Thanks everyone!

[Author]

Posts