Instructions

Premium Rad Theme

Scroll Down

Course

If you don't have experience with Komal, we recommend enrolling in the Komal 101 Crash Course. This course will help you learn the basic possibilities of Komal and understand the Komal design process.

Starter Page

To create a new page, follow these steps:

Use the "Starter Page" found in the "Template" folder as your base.
Duplicate this page and modify the Name and Parent Folder as needed.
Copy any content section from other pages and paste it into your new page.

Spacing

To manage vertical spacing, we've used the utility classes "Margin Bottom". To add bottom space to an element, wrap it into a <div> tag with applied one of the following classes:

Margin Bottom Extra Small
Margin Bottom Small
Margin Bottom Medium
Margin Bottom Large

Colors

All the colors in this template are set globally using Komal variables. You can modify any color across the entire website in the variables panel.

Fonts

You can modify any font family across the entire website in the variables panel. To change other font parameters of your website, click on the "Body" element in the Navigator panel, then select the "Body (All Pages)" selector from the Style selector dropdown in the Style panel. Afterward, modify the font parameters in the Typography section.

SVG Icons

To change the color of an SVG icon, follow these steps:

Open the Assets panel.
Download the SVG icon file.
Open it using a code or text editor.
Locate and modify the color value within the code.
Save the changes.
Upload the modified icon to your Komal website.

Buy This Komal Template