Bonana Bonana - 29 days ago 7
CSS Question

Changing the position of next and prev buttons in datepicker plugin

I've changed the image of next button with:

.ui-datepicker .ui-datepicker-next .ui-icon {
background: url(next.png);
width: 50px;
height: 50px;
}


As you see the new image size is 50x50, and the old one was 16x16.
Now I don't know how to position the new image correctly, since right now it looks like this - jsfiddle.

Answer

You can modify or override in you own css file: .ui-datepicker .ui-datepicker-prev span and .ui-datepicker .ui-datepicker-next span.

something like this should do the job:

left: 0;
margin-left: 0;
top: 0;
margin-top: 0;