Contents


Skip to end of metadata
Go to start of metadata

If you aren't comfortable using CSS for advanced customization of Events, you can specify HTML directly in the Event Title field.

For example, if you wanted to make the title text of a particular event display in red, you could use this HTML:

<span style="color:red">This title is red!</span>

Or perhaps you want red and bold:

<span style="color:red;font-weight:bold">This title is bold red!</span>

How's about a bigger font?

<span style="color:red;font-weight:bold;font-size:20px;">Big red!</span>

You can use almost any HTML in the Title field. Be careful and make sure to Preview your Event before saving it. Otherwise, if your HTML has problems your calendar may not be displayed correctly.

Changing the default text style on your entire calendar

You can embed some custom JavaScript to manipulate your calendar's CSS and change your entire calendar display.

Enter this text into your calendar Title or Footer field under Options->General:

<script>$('.m-usr').attr('style','font-family:Arial;font-size:16px;font-color:red');</script>

The various CSS hooks localendar exposes are documented on this page.

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.