Can anyone please show me the way to change the font-size of a clock picker as the original font is too small.
I had tried to change the font-size in ‘jquery.clockpick.1.2.9.css’ but nothing happen.
CSS file
#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #bbbbbb;
background-color:#dddddd;
display:none;
}
#CP_minutecont {
background-color:#dddddd;
padding: 0px;
position:absolute;
width:45px;
border: 1px dashed #cccccc;
display:none;
}
.floatleft {
float:left;
}
.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
margin:1px;
background-color:#eeeeee;
}
.CP_minute {
padding:1px;
background-color:#eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
margin:1px;
}
.CP_over {
background-color:#ffffff;
}
in _formcreate.php
<?php echo $form->labelEx($model,'timesheet_timeout'); ?>
<?php //echo $form->textField($model,'timesheet_timeout');
$this->widget('application.extensions.clockpick.ClockPick', array(
'id'=>'timesheet_timeout',
'model'=>$model,
'name'=>'timesheet_timeout',
'options'=>array(
'starthour'=>8,
'endhour'=>18,
'event'=>'click',
'showminutes'=>true,
'minutedivisions'=>4,
'military' =>true,
'layout'=>'vertical',
'font'=>15,
'hoursopacity'=>1,
'minutesopacity'=>1,
),
));?>
<?php echo $form->error($model,'timesheet_timeout'); ?>
Following is the screen shot. I want the font-size of the clock picker to be larger.