Kompas Theme - Kirby CMS
About
Kompas is a modern Kirby theme, built to help you showcase your awesome visual projects with just a few clicks. It's suitable for everyone who appreciates good design.
Video headers and photo grids are supported. It's easily customizable and its well structured SCSS will allow you to change fonts and colors with a single line of code.
Theme Features
The full list of features is available here: http://themes.yordanoff.net/kompas/about/theme-features
- Video headers
- Photo headers
- Header overlays
- Intro section
- Advanced About page
- Photo grids
- Custom design pages
- Footer with Call to Action, Social column and Custom text column
Getting Started Copy and paste the files from the theme’s folder to the main directory of your Kirby installation.
WARNING: If you want to start with the demo content used on the demo installation here: http://themes.yordanoff.net/kompas/ you have to rename the folder “_demo-content” to “content” and replace the “content” folder in your Kirby installation. BUT if you already have your content setup, you’re going to lose it if you replace your “content” folder!
Customization If you use CodeKit, feel free to import the theme’s folder to it and start making changes. CodeKit will handle the recompiling of SASS & JS thanks to the config.codekit3 file in the root directory.
You can easily change the colours and overall styles of the theme by editing and recompiling its /assets/sass styles. As you’ll see the main colours are separated in /assets/sass/_palette.scss. From /assets/sass/components/_typography.scss** you can easily change the font faces used for Kompas.
You can adjust the page transitions settings of Animsition from /assets/scripts/main.js.
Note The video files used on the Homepage (the sunflower) and on the Project page (the jellyfishes) are not included in the package since I do not have permission to resell them.
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.