Visual Editor (Clock)

Bearry has a powerful visual editor for you to create your Subathon clock design without needing manual CSS (although it also accepts it).

Editor Manual

To understand all interface features, tools, and shortcuts, check the Visual Editor Manual.

Accessing: Editors > Subathon

Editor Features

• Side Panel (Right): Sliders and colors to adjust everything.
• Container: Background color, rounded corners, shadows, gradients.
• Clock:
  • Format: Choose between HH:mm:ss, HH:mm, etc.
  • Flip Animation: “Turning plates” effect when the number changes.
  • Fonts: Size, weight, color, spacing.
• Image: You can upload a background image or icon.
• Custom CSS: For advanced users who want specific effects.

Saving: Click “Save Configuration” at the top. Changes reflect immediately on the overlay.