With our latest release of Calendarize it! 2.0 you can now customize the look and feel of Calendarize it! easier than ever. We have implemented our popular Visual CSS Editor, which you might already know from our Modal Log In for WordPress.
By entering the License Key in the Options Panel of Calendarize it! for WordPress you can now download CSS Editor and get started customizing the look and feel of your calendar.
The Item Purchase Code can be found in your License Certificate file. Go to Codecanyon and click on My Account at the top, then click the Downloads tab, and then click the Download button and choose the License Certificate link. You will find the code in the text file and it will look something like this:
Item Purchase Code: bek72585-d6a6-4724-c8c4-9d32f85734g3
When you have entered your license key click on Downloads in the menu and you will see the free Downloadable Content.
CSS Editor Menu
In the Downloads menu you will find all the downloadable content. Start with downloading the CSS Editor for Calendarize it! and then switch the button to ON. This will activate the CSS Editor and you will see a CSS Editor menu in the WordPress toolbar and in the Calendarize it! menu. There are a few configuration options for the CSS Editor in the Calendarize it! menu. However the action takes place in the toolbar menu. Just choose the item from the menu you want to start customizing.
Log In using the credentials below.
CSS Editor – Google Fonts
With the CSS Editor you can choose between more than 600 fonts from Google. Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. We have created an easy interface for you to preview and select the fonts you want to make available in the CSS Editor for Calendarize it!.
What browsers are supported?
The Google Fonts are compatible with the following browsers:
- Google Chrome: version 4.249.4+
- Mozilla Firefox: version: 3.5+
- Apple Safari: version 3.1+
- Opera: version 10.5+
- Microsoft Internet Explorer: version 6+
What about performance? Will web fonts slow down my page?
If a page uses web fonts, then the font files have to be downloaded to the site visitor’s computer before they can be displayed initially. The font files are served compressed for a faster download. After that initial download, they will be cached in the browser. As the Google Fonts API becomes widely used, your visitors will be likely to already have the font you’re using in their browser cache when they visit your page.
In general, however, you should keep an eye on the size of the font files you are serving. Also be aware that using web fonts may result in the browser making more HTTP requests than would otherwise be necessary. So a good advise limit the number of fonts you are using to 2 maximum 3 different. And make sure the fonts you choose are not too similar. Fonts that are too similar can look awkward together.
Get Started with the CSS Editor
After selecting the item you want to edit from the menu in the toolbar you will see the Visual CSS Editor load in the left side. In the right side you will see a live preview of what you are editing. As you make changes to the different selectors in the easy to use interface you will see the live changes in the right side.
You can easily save your changes, reset your current changes, remove all customization or even save templates for later use.
CSS Editor compatible with iPad and Tablets
The CSS Editor works perfectly in all modern browsers like Firefox, Chrome, Safari, Opera and IE 10.