Joom time Total Customization

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
}

For more Joomla Development, contact us here