This slider was built using the metabox option and adding the following custom css.
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } .coda-slider, .coda-slider .panel {width: 700px; margin-top: 20px;} .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 700px;} .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } .coda-nav-left a, .coda-nav-right a { background: #888; color: #fff; padding: 3px; } .coda-nav ul li a.current { height: 92px; border-bottom: none; background: url("http://c3mdigital.com/wp-content/themes/revision3/images/newbg.png") repeat; color: #555; } .coda-slider .panel-wrapper { padding: 10px } .coda-slider p.loading { padding: 20px; text-align: center } .coda-nav ul { clear: both; display: block; margin: 0; padding: 0; height:98px; border-bottom: 2px solid; overflow: visible;} .coda-nav ul li { display: inline } .coda-nav ul li a { border: 2px solid; background: #888; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; font-size: 12px; text-decoration: none } .coda-slider-wrapper { clear: both; overflow: hidden; } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-right { display:none; float: left;} .coda-nav-left { display:none; float: left; } .coda-nav-left a, .coda-nav-right a { background: transparent; color: #000; text-align: center; text-decoration: none; width: auto; } .coda-nav ul li a { height: 90px; background:#888;color: white;display: block;float: left;margin-right: 1px;padding: 3px 6px;font-size: 12px; text-decoration: none; width: 122px; border-top-right-radius: 5px; border-top-left-radius: 5px; margin-left: 6px; margin-right: 7px; border: 2px solid #444; } p.slider-p { font-size: 16px; }