Cambiar el tamaño de un datepicker en jQuery

Edita el archivo del tema de jQuery UI. Por ejemplo, si usas el tema smoothness, el archivo de estilos debe ser :

jquery-ui-1.8.5.custom/css/smoothness/jquery-ui-1.8.5.custom.css

Sólo es necesario cambiar el tamaño de la letra en .ui-widget y el tamaño del datepicker. Opcionalmente puedes cambiar el tamaño de la letra de las fechas por 0.8em o 10px.

/*widget*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: .9em; }

/*datepicket*/
.ui-datepicker { /*no width*/ padding: .2em .2em 0; }
.ui-datepicker table {width: 100%; font-size: 0.8em; border-collapse: collapse; margin:0 0 .4em; }

8 comentarios en “Cambiar el tamaño de un datepicker en jQuery

  1. Yo lo cambie asi:

    En el archivo de tu theme .css al final pones

    .ui-datepicker, .ui-state-default, .ui-state-hover, .ui-state-active
    {
        font-size:11px;
    }
    

    y ya con el font-size controlas el tamaño

  2. No se deberia cambiar el css original, la respuesta es crear un nuevo archivo y poner lo siguiente, tal como lo menciono davinho

    .ui-datepicker, .ui-state-default, .ui-state-hover, .ui-state-active
    {
    font-size:11px;
    }

    Saludos.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s