Customize

We’ve illustrated how to add custom elements, like fonts and colors, to your personal stack. Now it’s time to begin customizing your website. Navigate to Theme Options → Customize. You will see a number of sections from where you can visually customize your website.

Light and Dark skin

While building your website with Uncode, you will often face a choice between Light and Dark skins:

Light Skin: in the absence of modifications, this refers to dark text on a light background.

Dark Skin: in the absence of modifications, this refers to light text on a dark background.

You can use Skins in Uncode in many different situations. For example, you can set a column to be light skin (dark text on light background) or dark skin (light text on dark background). You can also use light or dark skins for headers or other elements of your website. The use of skins makes two completely different colors presets available to use on your site.

Transparent Menu automatic skins: the menu section deserves a more detailed explanation. In addition to your choice of color to be used in a menu, you have the option to set a primary menu background opacity. The menu background opacity will only be visible if you are using a Basic header, a Content Block header, or a Slider Revolution Header in the single post/page. In that case, the system will detect the skin you are using for the header, and if needed it will switch the menu skin to ensure optimal contrast. It’s important to properly configure both skins when using the menu opacity feature.

General

Under the general section you can customize skin-independent elements.

HTML body background: Select this option if you want to assign a background image or a background color lying beneath the entire page. This is especially important if you are using the Boxed layout. This option can be overridden in the Page options of single post/page)

Accent color: Select this option to declare the accent color you want to use for your website.

Links color: Specify the color of links in page textual contents.

Body font family: Select this option to define the main font family for the text.

Body font weight: Select this option to define the main font weight for the text.