The following examples shows how you can create your custom clock.
Example #1: Widget with background image
Let’s say, you added an Analog Clock widget with all the default options to your sidebar. It should look like image #1a.
Now, with the Advanced extension activated, go back to your WordPress Appearance > Widgets admin page and open the widget to edit its settings.
Change the skin (theme) to the new one called ‘Minimal’ at the bottom of the dropdown list (image #1b) and the option Radius to 65 (image #1c) to better fit the coming background image. Next, fill out https://upload.wikimedia.org/wikipedia/commons/9/98/WordPress_blue_logo.svg in the Image URL field (image #1d) under the new Background options.
Then hit Save and admire the result on your site: A clock without a border and no minute or hour markers that fits snugly over a 125 by 125 pixel large WordPress logo.
But of course, you can choose your own logo or any other image!
Example #2: Shortcode with background image
The shortcode responsible for the minimalist clock at the top of this page is [coolclock align=right skin=minimal /] which uses the new skin Minimal.
When appending extra parameters background_image="https://premium.status301.com/wp-content/uploads/edd/2015/02/990wtx.png" showdigital="date" fontcolor="red" font="bold 18px monospace" the result is visible here on the left.
Read more about how to use the CoolClock shortcode on https://premium.status301.com/knowledge-base/coolclock/shortcode/. The extra options available in the Advanced version can be found under the [PRO] Advanced attributes header. Under [PRO] Custom skin you can find a basic example of setting a custom skin for a shortcode.
You can find all the default skins on https://premium.status301.com/knowledge-base/coolclock/skins/ with their parameters to copy and reuse for your custom skin trials. Instructions and examples of how to use your custom skin are on https://premium.status301.com/knowledge-base/coolclock/custom-skin/.
Have fun!