The Event List Widget can be further customized using external CSS. Below, some of the classes used in the widget are listed. Defining rules to these classes, a unique look can be created according to your needs.

Make sure your enter your custom CSS URL in the configuration page.

You can build on top of an existing theme, or start with no CSS. If you're modifying an existing theme, you might need to use !important at the end of your CSS definitions.

• .title
  The title text. Color, font size etc. can be modified.

• .db-link
  Dingbee logo. Can be hidden with display:none

• .content
  The main content. Can be used to modify background color.;

• .event
  Each row of events. The background, padding and margin can be modified.

• .date, .dt-day, .dt-month, .dt-year
  The calendar page to the left of event name and description.

• .event.name
  Event name.

• .event.descr
  Event description. This will not be in the widget if descriptions are disabled.

• footer
  The footer in the widget.

If you're experiencing problems or need further help please visit the widget help page here.