Как отключить стили, которые прописываются инлайново из библиотеки Swiper у слайдов?

Question

[Marys777]

Как отключить стили, которые прописываются инлайново из библиотеки Swiper у слайдов? Я пробовала эти свойства:

slidesPerView: 'auto',
    watchSlidesProgress: true,
    slideClass: 'swiper-slide',
    slideVisibleClass: 'swiper-slide-visible',

.swiper-slide-visible {
    width: 280px;
 }

И мне они не помогли. Swiper всё равно инлайново прописывает свою ширину слайдам, которая мне не подходит.

Comments

[Ankhena]

Вообще, инлайновые стили перебиваются с помощью !important
Но разумнее почитать документацию к слайдеру и указать ему подходящие настройки так, чтобы не было нужды пользоваться important. Например, css mode.

Answer 1

[Владислав Кречун]

если ничего не помогает (конечно это не the best parctices)

.swiper-slide-visible {
    width: 280px!important;
 }

или

.swiper-slide-visible {
    width: unset !important;
 }

Но директивы imporatnt нужно избегать во всех возможных случаях .
А еще можно с помощью JS переписать свой стили.

P. S. А вы уверены что вам нужны стили только для видимых слайдов (может я чего-то не понял)?