Description
- change time in Event Overview page & Event Detail Page to 24hrs format
- view demo – password: abc
- buy me a coffee

#1. Install Code
#1.1. Click Gear icon on Event Page

#1.2. Click Advanced > Page Header Code Injection
- If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1.

#1.3. Paste this code
<!-- 07.26c13v1 Event Overview 24hrs format -->
<script>
window.Event24hrConfig = {
enable: true,
applyToEventList: true,
applyToEventDetail: true,
padStartHour: true,
separator: ':',
keepWatching: true
};
</script>
<script src="https://code.beaverhero.com/event/0726c13v1event24hrs.js"></script>

#2. Customize
nothing now
#3. Other
#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit Event Page > Add a Section > Add a Block

Choose Markdown
![]()
Then add this code into Markdown
<script>
window.Event24hrConfig = {
enable: true,
applyToEventList: true,
applyToEventDetail: true,
padStartHour: true,
separator: ':',
keepWatching: true
};
</script>
<script src="https://code.beaverhero.com/event/0726c13v1event24hrs.js"></script>
