@223606322
начинающий web-разработчик

Можно ли переопределять стандартные стили слайдера?

Есть слайдер bx Slider, но нужно стилизовать стандартные кнопки навигации по своему, в том числе изменить их позиционирование.

Как правильно это сделать?
И можно ли тупа в отладчике посмотреть какой класс отвечает за данную кнопку и прросто переопределить его?
  • Вопрос задан
  • 308 просмотров
Решения вопроса 1
iDomanOff
@iDomanOff
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

У слайдера, как минимум, есть свои стили, значит и изменить их возможно. Вы хоть скрин бы приложили и образно описали, что нужно изменить.
Здесь можно изменить размеры и положение навигации, просто перепишите их в своем файле css
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;

Здесь непосредственно картинка наигации: .bx-next и .bx-prev соответственно
.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;

.bx-wrapper {
      box-shadow: none !important;
      border: 0 !important;  
}
.bx-wrapper .bx-controls-direction a {
     top: 100% !important;
     margin-top: 10px !important;
}
.bx-wrapper .bx-next {
     right: 90% !important;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 апр. 2024, в 10:42
150000 руб./за проект
25 апр. 2024, в 10:41
2000 руб./за проект
25 апр. 2024, в 10:25
2000 руб./за проект