Kubio – the kickstart

Find out how you can use Kubio for designing the website you envision.

How to customize color for text, borders, and more in Kubio

Whether you are inside “Style” or “Advanced” in the Kubio block editing panel, at the block, sections or column level, you can make color changes across backgrounds, texts, and more, in the same manner.

How to make any color change in Kubio

The moment you notice a setting that allows you to make color changes to a border, text, shadow, background, link, etc, you will need to select the colored circle next to your option.

color changes for blocks

A panel will open up that allows you to pick a color from the current color scheme or gradient from a color, pick a color from a slider, or just type in a desired color code in the “HEX” field. You can also switch to the RGB color mode if it suits you better from the dropdown arrow.

You can also adjust the opacity of your color. The slider offers you values from 0 to 1, 1, meaning there’s no transparency. You can always reset the color to transparent when you select the reset button.

How to make background changes in Kubio

The Kubio free plan allows you to use two background types: images and gradients.

Let’s select the image background type.

background image

Now, you can upload your desired image or pick one from the Media Library.

If you prefer a gradient as a background, select the gradient icon. You will have 5 free gradients available.

gradient background

There are two types of gradients that ou can use: linear or radial. You can adjust your gradient by using the slider or the angle (in the case of linear gradients).