Как в слайдере bootstrap 3 сменить стандартные переключатели на свои?

Question

[BohdanK]

Есть вот такие стандартные переключатели у бутстрап:

При чем, если наводишь на край слайдера, то еще появляется эффект затемнения, как нужно сделать по красивому что убрать этот эффект и поставить свою картинку или символ для переключения? К примеру такой:

Comments

[by_megadon]

замени в bootstrap.css

.glyphicon-chevron-left:before {
content: "\e079";
border: 1px solid #fff;
border-radius: 56%;
padding: 7px 10px;

}
.glyphicon-chevron-right:before {
content: "\e080";
border: 1px solid #fff;
border-radius: 56%;
padding: 7px 10px;
}

Answer 1

[gassmonkey]

Смотрите в инспекторе класс нужного элемента и переопределяйте. В чём проблема?

Answer 2

[Сергей Карвасарный]

найди стили отвечающие за стрелочки и подгрузи свои картинки, никаких проблем не вижу, стили меняй в смоем файле, если не перебьются стили пиши через !transparent, файл ботстрапа лучше не трогай.