Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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

like image 649
lavitanien Avatar asked Dec 20 '22 19:12

lavitanien


1 Answers

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

.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';
}
like image 139
KyleMit Avatar answered Mar 15 '23 23:03

KyleMit