Customizing "next" and "previous" arrow in Carousel of Twitter Bootstrap

Profile picture for lavitanien
lavitanien

I'm new beginner of Twitter Bootstrap. I tried to place a Carousel lightbox at the center of my page. I edited css to do so. However, I found no where to edit the location of "next" and "previous" arrow.

Here's my page. http://www.nienyiho.com/portfolio

Here are some relevant sections from the bootstrap.css file in case you can't find it on exactly 54 and 74

<!-- language: lang-css --> 
.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}