how edit or disable width in owl-item?

Question

how can to edit or disable width "owl-item" in owl carousel?

my Meaning inside the photo :

I acted through

( style.css > .owl-item { width : 80px;} ) , but did not work

all source in https://owlcarousel2.github.io/OwlCarousel2/demos/center.html — Hyper Learn, Apr 19 '19 at 14:01

score 3 · Accepted Answer · answered Apr 19 '19 at 14:20

3

If you want to override the div's width in style.css -> change it as below,

.owl-item { width : 80px !important; }

!important -> Specified style Will be applied to the css elements irrespective of the style being mentioned in the element.

If you want to know how it get applied just have a look in the link

Hope it helps.

answered Apr 19 '19 at 14:20

Sivaprasath

1

Since the width of the owl carolusel container is dynamically created based on width of the items, setting an `!important` via css will create a large right padding issue due to width calculated from owl via their inline declaration opposed to your css declaration. – Zach Smith Jun 25 '20 at 16:08

1 Answers1