Add-On Modules: Events Calendar



Configuring the Events:


Background Color

To change the color of the background:

  1. Click in the Background Color text box (which should have a 7-character code starting with the pound sign, like "#fffeb3").
  2. Use the color wheel to the right to adjust the color:
    1. First use the outside color ring to determine the general color. Click in the ring on the color you want and the selector circle should move there.
    2. Once you've chosen the general color, you can determine the shade of the color (darkness) by clicking in the inner color box. When you click on the shade you want, the selector circle for the box, should move to where you clicked.
    3. You can see the color and shade you have chosen by looking at the Background Color text box. The background for the text box will display the color you have chosen.
  3. Once you have set the Background Color (and any other settings), click the Save Changes "Save Changes" button.

Font Color

To change the color of the font:

  1. Click in the Font Color text box (which should have a 7-character code starting with the pound sign, like "#000000").
  2. Use the color wheel to the right to adjust the color:
    1. First use the outside color ring to determine the general color. Click in the ring on the color you want and the selector circle should move there.
    2. Once you've chosen the general color, you can determine the shade of the color (darkness) by clicking in the inner color box. When you click on the shade you want, the selector circle for the box should move to where you clicked.
    3. You can see the color and shade you have chosen by looking at the Font Color text box. The background for the text box will display the color you have chosen.
  3. Once you have set the Font Color (and any other settings), click the Save Changes "Save Changes" button.

Font type

To change the font type:

  1. Click in the Font drop-down menu and select the font type you want.
  2. Once you have set the Font (and any other settings), click the Save Changes "Save Changes" button.

*Note: Only seven fonts are available. These are the seven universally accepted web fonts.


Font size

To change the font size:

  1. Click in the Font Size drop-down menu and select the font size you want.
  2. Once you have set the Font Size (and any other settings), click the Save Changes "Save Changes" button.

In addition to changing the Background Color, Font Color, Font type, and Font Size, you can set the additional settings for Events of Event Highlight Color and No Event Background Color. All events have a different background color than dates without an event by default. This emphasizes dates with events. If you want to point out a particular event on your calendar, you can do that by highlighting the event, done when adding the event. So, there are three background colors for the content sections of the calendar, the Event Background Color, the Highlight Color, and the No Event Background Color.

Event config settings with Event Background Color, Event Highlight Color, or No Event Background Color settings highlighted

To change the Event Background Color, Event Highlight Color, or No Event Background Color:

  1. Click the Config button
  2. Then click the "Event" link
  3. Next, click in the text box for the Event Background, Event Highlight Color, or No Event Background Color
  4. Use the color wheel to the right to adjust the color:
    1. First use the outside color ring to determine the general color. Click in the ring on the color you want and the selector circle should move there.
    2. Once you've chosen the general color, you can determine the shade of the color (darkness) by clicking in the inner color box. When you click on the shade you want, the selector circle for the box should move to where you clicked.
    3. You can see the color and shade you have chosen by looking at the text box. The background for the text box will display the color you have chosen.
  5. Once you have set the Event Background Color, Event Highlight Color, or No Event Background Color (and any other settings), click the Save Changes "Save Changes" button.


Top of Page  Main Help Page  Back