Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Kobalt Theme - Kirby CMS

Live Preview

Kobalt is a lightweight Kirby theme built to help you present yourself and your kool projects to the world in minutes.

Built with the idea of simplicity in it's core, Kobalt is a modern and lightweight Kirby theme, focused on typography and white space.

If you're a creative with a permanent "coming soon" personal website, Kobalt is created for you.


F E A T U R E S

Single Page App-like Slick transitions between the pages.

About/Profile page 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.

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 , .logo, .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.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.
Prev
Next

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please 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 file for more tips.

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please 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 file for more tips.