Personalizing your website’s appearance

Mies takes full advantage of the Customizer to manage the settings for your layout, spacings, sizes, and more as easily as possible.

And what better way to make style twists than with the live preview? Simply change any setting and see it take effect right way from Appearance → Customize. Make sure it represents your overall style and is in line with your brand personality. Consistency matters and helps you stand out from the crowd.

Layout Elements

Here you can find four major sections—Header, Content, Archive, and Footer—where you can change the logo height, make the navigation bar sticky, choose the menu placement, set the container width, choose the parallax movement, and much more. You can read a detailed article about these sections here.

Colors

We created a dedicated documentation article that walks you through all the available options regarding colors. You can read it here.

Fonts

Mies delivers the whole 600 Google Fonts library at your fingertips. You can read more about where to find the right fonts for your website and how to customize them in this article.

Additional customization options

Another way to customize your site’s appearance is by clicking on the Theme Options section from your WordPress Dashboard (screenshot). Let’s run through the most important options.

General

Here is the place where you can upload your logo in various sizes. If you need more info on this subject, you can read this article.

Projects

You can change the menu labels for your projects and customize the number of projects visible per page.

Blog Archive and Single

The customization go a step further, allowing you to customize the excerpt length, read more text, and choose the visibility for various elements like author box, comments, and more.

Social and SEO

Link your social media profiles and let your visitors connect with you. If you need more details about this feature, check out this article.

Add custom CSS code

You have the ability to insert your own custom CSS code straight into the Customizer and get a live preview of it. Go to Appearance → Customize → Additional CSS and add your custom code.