Change size of clock

Hi there,

Thank you for using my plugin.

You can change the analog clock’s width and height by CSS.
For example:

.widget_what_time_is_it .wtii-clock-circle {
    width: 100px;
    height: 100px;
}

You can change other things like border size, border radious to make it more unique.

Any problems, please let me know.
Regards,
Tam Nguyen

Thanks very much for that, Tam.

Just a couple more questions, though. I set the border radius and it only sets the border of the circle. How would I change the weight of the clock hands?

Also, the widget always displays the date, even when I have told it not to.

Thanks ??

Hi,

I’ve just update the plugin to be able to hide the date.

About the weight of the hands, there are some classes you can use:

.wtii-clock-hour
.wtii-clock-minute
.wtii-clock-second

For example,

.wtii-clock-hour {
    margin: -2px 0 -4px -25%; /* Just change the first 3 numbers, (-2px 0 -4px) */
    padding: 1px 0 3px 25%; /* Adjust the first 3 numbers, too */
    background-color: #DD3300 !important; /* You can change the hand's color */
}

Any other problems, please let me know.
Thank you!

Tam, you are a legend! Thanks for your help!