CBO had rececently launched the Joom time module. Based on the success and request from users we are now sharing a quick customisation tip with you.
For Css customization
CSS File
yoursite/modules/mod_cbo_datetime/helloworld.css
Font, Color changes
#clock {
color:#666666; /*font color change here*/
font-weight:normal; /* Font style Bold normal */
font-family:Verdana, Arial, Helvetica, sans-serif; /* Font face/ familt */
font-size:0.9em; /*handle font size */
}
Code for background image
.timeleft {
width:5px; /* width of left round corner cell */
height:28px; /* height for clock */
background:transparent url(../images/greyleft.jpg) no-repeat left top; /* Used for background image */
}
.timebg {
padding:6px 5px;
text-align:center; min-width:250px;
background:transparent url(../images/greybg.jpg) repeat-x left top /* Used for background image */;
}
.timeright {
background:transparent url(../images/greyright.jpg) no-repeat right top;
width:5px
}