#wc { wc-carousel { display:block; visibility: hidden; position: relative; font-family: Arial; .carousel-inner { background: #3D3D3D; } .carousel-caption-fixed { position:absolute; left:80px; top:20px; font-size:24px; color: #FFF; font-weight: bold; } .carousel-indicators { margin-bottom:-10px; li { box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5); display: inline-block; margin-right: 10px; text-indent: 0; cursor: pointer; border: none; border-radius:100%!important; background-color: #0000ff; font-size:48px; width: 12px; height: 12px; background: #CCC; } .active { background-color: #FFF; } } .carousel-control span { &.glyphicon { font-size:0px; &.glyphicon-chevron-left { left:40px; &:after { content: "\f053"; font-size:24px; font-family: fontAwesome; } } &.glyphicon-chevron-right { right:40px; &:after { content: "\f054"; font-size:24px; font-family: fontAwesome; } } } } wc-carousel-item-content { img { border:1px #ccc solid; width:100%; } } } }