Jump to content

Can't see nivo's buttons


Recommended Posts

Hi, how is it going? I changed the size of some img and i think that's why now i can't see nivo slider buttons. Here is my nivo slider.css, if somebody can help me i would appreciate a lot. Thanks

 

div#slide_holder {

 

clear: both;

 

height: 450px;

 

margin: 0 0 10px;

 

width: 735px;

}

 

div#slider {

width:735px;

 

height:450px;

 

overflow: hidden;

 

float:left;

 

margin-bottom:39px;

 

}

 

.nivoSlider {

 

position:relative;

 

 

.nivoSlider img {

 

position:absolute;

 

top:0px;

 

left:0px;

 

}

 

/* If an image is wrapped in a link */

 

.nivoSlider a.nivo-imageLink {

 

position:absolute;

 

top:0px;

 

left:0px;

 

width:100%;

 

height:100%;

 

border:0;

 

padding:0;

 

margin:0;

 

z-index:60;

 

display:none;

 

}

 

/* The slices in the Slider */

 

.nivo-slice {

 

display:block;

 

position:absolute;

 

z-index:50;

 

height:100%;

 

}

 

/* Caption styles */

 

.nivo-caption {

 

position:absolute;

 

left:0px;

 

bottom:0px;

 

background:#000

 

color:#fff;

opacity:0.8; /* Overridden by captionOpacity setting */

 

width:100%;

height:5%;

z-index:89;

}

 

.nivo-caption p {

padding:5px;

 

margin:0;

}

 

.nivo-caption a {

display:inline !important;

 

}

 

.nivo-html-caption {

display:none;

}

 

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

position:absolute;

top:47%;

z-index:99;

cursor:pointer;

 

}

 

.nivo-prevNav {

 

left:10px;

 

display:block;

 

width:38px;

 

height:38px;

 

text-indent:-9999px;

 

background: url(\'../img/nivo_nav.png\') top left no-repeat;

 

}

 

.nivo-nextNav {

 

right:10px;

 

display:block;

 

width:38px;

 

height:38px;

 

text-indent:-9999px;

 

background: url(\'../img/nivo_nav.png\') top right no-repeat;

 

}

 

/* Control nav styles (e.g. 1,2,3...) */

 

.nivo-controlNav {

 

position:absolute;

left:340px;

bottom:05px;

z-index:99;

width:80px;

}

 

.nivo-controlNav a {

 

display:block;

width:16px;

height:16px;

background:url(\'../img/bullets.png\') no-repeat;

text-indent:-9999px;

border:0;

margin-right:3px;

float:left;

cursor:pointer;

 

}

 

.nivo-controlNav a.active {

 

background-position:0 -16px;

 

}

 

.nivo-controlNav a.active {

 

font-weight:bold;

 

}

Link to comment
Share on other sites

×
×
  • Create New...