search

loopj / jquery-simple-slider

Unobtrusive numerical slider plugin for jQuery
194 stars 113 forks source link

Can't center it on a page #22

Open noctivityinc opened 11 years ago

noctivityinc commented 11 years ago

Any idea how to center this bad boy on a page?

maartenvg commented 11 years ago

The slider has position: relative;, and that's hard-coded so you can't center it with text-align: center;.

The class it has will be slider or slider-$theme (if you use a theme), so you can use the following CSS:

.slider {
  margin-left: auto !important;
  margin-right: auto !important;
}

or use JS/JQuery to set the margin-left and margin-right style-properties on the .slider items.