EVOLUTION-NINJA
Edit File: productslider.css
body { background:#fff; font-family:Arial, sans-serif; } p { //margin-bottom:20px; } .clearout { height:20px; clear:both; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { position: relative; overflow: hidden; float:left; width:100%; /* background:#fcfcfc; border:1px solid #ccc; */ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { /* padding:5px 10px; */ border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; position: absolute; cursor: pointer; z-index: 4; /* top:40%; background: rgba(0,0,0,0.5); color: #fff; */ top: 24%; color: #000; font-size: 50px; font-weight: bold; } .nbs-flexisel-nav-left { /* left: 10px; */ left: 0px; } .nbs-flexisel-nav-left:before { content: "<" } .nbs-flexisel-nav-left.disabled { opacity: 0.4; } .nbs-flexisel-nav-right { /* right: 5px; */ right: 0px; } .nbs-flexisel-nav-right:before { content: ">" } .nbs-flexisel-nav-right.disabled { opacity: 0.4; } /*----------------------------------------------------------------- responsive -----------------------------------------------*/ @media only screen and (min-width:641px) and (max-width:991px) { .nbs-flexisel-item img { padding-left: 30px; padding-right: 30px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { font-size: 30px; top: 20%; } }