“The plugin does not look right in my theme”
Themes do all kinds of weird and wonderful things sometimes without thinking about the unintended consequences on other html. A classic example of this has been the “unremovable” css bullets.
The icalevents plugin provides a minimal default css with the hope that the html will pick up styling from your theme, enabling the plugin html to blend in with the theme and “belong”.
Sometimes the theme css does not look right when applied to the plugin html, and needs to be “overridden”.
Custom CSS
If the default css does not work with your theme, the plugin provides 2 options:
Do not generate any css.
Tick do not generate css
The expectation here is that either
- the plugin css is not required – the html looks fine in your theme, or
- that you have modified your theme’s css
Create a custom css file for the plugin.
Do NOT edit the icallist.css – it will be overwritten the next time that you do an upgrade.
Untick "Do not generate css" and select your custom css file.
- Rather make a copy of it, call it whatever you like, and save it in the plugin directory.
- Then you will be able to select it in the options screen.
The plugin will then add that css file into the website’s css which ever theme you are using. See the next post for a case study.
Related posts:
