Support » Plugin: What Time Is It? » Change size of clock

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nguyễn Tâm


    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.
    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 🙂

    Plugin Author Nguyễn Tâm



    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:


    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change size of clock’ is closed to new replies.