Slider transition speed (not timer!) custom CSS

I want to change the “speed” of the slider – not the actual time between slides, but the rate of change, i.e. so it moves slower when it changes.

I’ve traced the CSS down to one point;

.carousel-inner > .item {
    display: none;
    position: relative;
    transition: left 0.6s ease-in-out 0s;
}

If I change the transition timer from 0.6s to 1.5s it gives me the affect I want. I can do it on the fly with Firebug, and it works fine.

But for the life of me I can’t seem to get the correct code in the Custom CSS settings.

I’ve tried each of these (as single entries)

.carousel-inner {transition: left 1.5s ease-in-out 0s;}

.item {transition: left 1.5s ease-in-out 0s;}

.customizr-slider {transition: left 1.5s ease-in-out 0s;}

and for grins even the entire CSS string

.carousel-inner > .item {transition: left 1.5s ease-in-out 0s;}

Is there anybody out there who is better at CSS that can point me to the right Class to change to make this effective?

Thanks!