Visual CSS Edtior

We setup this page so you can play with the Visual CSS Editor and experience your self how easy it is to customize the look and feel of the calendar.  Log In using the credentials below.

Username: DemoUser
Password: TryMeNow

Access the CSS Editor

With the CSS Editor you can easily customize the look and feel of your calendar.  When the CSS Editor is activated you can access it from the toolbar in wp-admin or from the toolbar in the public website.

Calendarize it! Access CSS Editor

No matter which menu you load you will see some parts of the interface will stay the same, but the rest will change every time you select a new menu.

  1. With the red Action button you can “Reset current settings“. This will remove any customization that you have made since you saved last time. If you click “Remove all customization” this will as it says remove all customization and restore the default skin.  The last option “Scope” is for experts. It will allow you to add a CSS selector and all the selected style will be prefixed with this CSS selector.  This way the styles ONLY get applied to this specific selector.
  2. The blue “Save” button lets you save the customizations that you make. It is important that you save each of the screens. That means if you first select “Calendar frame” and start customizing this and then go to “Venue page” without clicking “Save” you will lose your customization.
  3. The “Template” tab will appear in all screens. This will let you give your customization a name and save it as a “template”.  This will let you create multiple custom layouts. The “Template” tab is also where you load your custom templates and skins downloaded.
  4. The “Collapse” button lets you slide the CSS Editor to the left so that you can see the entire screen.

Calendarize it! CSS Editor Panel

You can login and take the plugin for a test drive before you decide whether to buy it or not.

Username: DemoUser
Password: TryMeNow