Как сделать dynamicBullets swiper не по середине?

Question

[prokopn]

Подскажите пожалкйста, у swiper есть пагинация, включен dynamicBullets, но пагинация становится по середине изначально , а должна быть изначально с начало левой стороны . Перечитал всю документацию свайпер и гугл, не нашел решения проблемы. Если поставить пагинацию принудительно быть в левой стороне, то dynamicBullets перестает работать

Comments

[Михаил Р.]

а должна вот так быть изначально

Как? Словами нельзя описать?

Answer 1

[Aleksey Solovyev]

Вот стандартные стили у "булетов":

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%); 
    white-space: nowrap;
}

Переопределите под ваши нужды. Например так:

.swiper-pagination-bullets {
  left: 0 !important;
  transform: translateX(0) !important; 
}

Офф. пример с их сайта:

если необходимо добавить кликабельность, которая изначально отключена, то меняет свойство clickable на true