Hi,

My client wants the prev/next buttons hidden except on hover like this: http://woodensun.com (slideshow on homepage).

On the new site, http://wp.woodensun.com, they're visible all the time. I tried this:

Code:

Code:
.nivo-directionNav a {
    background-color: #222222;
    cursor: pointer;
    margin: 5px;
    opacity: 0.9;
    padding: 5px 10px;
    position: absolute;
    top: 42%;
    z-index: 9;
    color:#fff
}

.nivo-prevNav {
	display:none;
}

.nivo-nextNav {
	display:none;
}

.nivo-prevNav a:hover {
	left:0px;
	display:block;
}
.nivo-nextNav a:hover {
	right:0px;
	display:block;
}
(and a couple of other variations) but that doesn't work. Can anyone straighten me out here?

Thank you,

John