Daisycon Comparison Tools can easily be customized to match your website’s design.
You have two convenient options:
- Daisycon Configurator in the Daisycon Dashboard
- WordPress Plugin for Daisycon Comparison Tools
Both options let you effortlessly adjust colors, texts, and layouts. Additionally, you can preset filter options tailored specifically to your audience.
Advanced CSS Customization
For further customization, you can apply your own CSS. All key elements have unique CSS class names, allowing easy styling via your own stylesheet.
Always use !important to give your styles priority. For example, to customize the action button in the energy comparison tool:
#daisyconEnergyBlzContainer {
background: #ff0000 !important;
}Important: We strongly advise against downloading and manually altering Daisycon’s default stylesheet. This ensures automatic updates and prevents issues with future updates.