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

    (@nguyentam2211)

    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 🙂

    Plugin Author Nguyễn Tâm

    (@nguyentam2211)

    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!

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