Fancy features.


July 11th, 2017

Kobalt now supports multi-language installations. I have prepared a small demo in Bulgarian for the translation of some UI components - check out the About and Contacts pages where all of the hardcoded strings are translated.

To setup a multi-language setup and translate all of your content just follow these steps, it won't take you more than a few minutes.

Updated files:

  • content
  • site/config/config.php
  • site/languages
  • site/templates/about.php
  • site/templates/contacts.php


Use the custom fields to easily enter your "about me" information. If you don't need a predefined field - just skip it and it will remain hidden. If you need an additional field - a piece of cake.

Homepage header

Instead of a background image, you can use a header image which will appear right underneath the navigation. To do that just rename or remove the background.jpg file and add another one called header.jpg.

Custom project pages

Create a CSS file in your project's folder and Kirby automatically will find it and apply the styles from it on the page. With the following code you can easily override the colours of the page:

body {
      background-color: #faf8e8;

body *,
.footer * {
      color: #5ebfad !important;

Page background

If the page folder contains "background.jpg" it will automatically be set as a background.

By addressing the current page's body by it's class, named after the template of the page, you can easily configure the position and size of the background. For example:

body.about {
      background-size: cover;
      background-position: left top;
      background-repeat: repeat;

Get in touch section

Just go to the site options and add URLs for some of the most popular social networks, including: Facebook, Twitter, LinkedIn, Instagram, Dribbble, Behance, GitHub, Medium, YouTube, Vimeo, Snapchat, SoundCloud, Spotify, Email.