The current time for OBS

Custom CSS Generator for OBS

Please follow the steps below to use it:

1. Add a browser source in OBS (create a new one)
2. URL: Set the URL of this page
3. Width: About 500 - 900
4. Height: About 150
5. Custom CSS: Set the one at the bottom of the page

Custom CSS#timer [data-id="time"] { /* CSS for time appearance can be added from here */ color: #000000; font-weight: sans-serif; font-family: inherit; /* CSS for time display can be added up to this point. */ } body { overflow: hidden; background: transparent; } header, #controller, footer, #BREADCRUMB, [class*="HIDE_FOR_OBS"] { display: none !important; } #main { align-self: auto; width: auto; } [data-id="target"] { margin: 0; border: 0; background: transparent; } [data-id="target__inner"] { padding: 0; } #timer .TIMER-WRAP { display: none!important; } #timer .TIMER-WRAP.Show24.ShowSec { display: block!important; }