Personalize your Site Appearance

Mies takes full advantage of the Customizer to make managing colors, fonts, layout and more settings, throughout your site as easy as possible.

And what better way to make style changes than with live preview? Simply change any setting and see it take effect right way from Appearance  Customize.

Colors

You will find the settings related to colors in the Appearance → Customize → Colors. By clicking on it, you can change the colors of the most important elements: Body Text Color, Light Text Color, Links Color and Headins Color. Each color option comes with an interactive color picker, allowing you to select any imaginable shade. If you already know what you are after, simply type in the HEX color code (in case you wish to put the exact same color in multiple settings).

Layout Elements

Here you can find four major sections — Header, Content, Archive and Footer, where you can make different customizations like Changing the Logo Height, Making the Navigation Bar Sticky, Choosing the Menu Placement, Setting the Width of the Container, Choosing the Parallax Movement and much more. You can read a detailed article about these sections here.

Typography

Mies delivers the whole 600 Google Fonts library at your fingertips. You can change each font by going to Appearance → Customize→ Fonts. Be aware of using more than three different fonts — being consistent with fonts creates a unified look for your site. If you are after premium fonts like the ones offered by TypeKit or the like, you will need to insert manually the code they provide via a child‐theme.

CSS Editor

Now you have the ability to insert your own custom CSS code straight into the Customizer and get a live preview of it. If you are looking for some CSS tweaks,  have a look around in our CSS playground section.

Additional Reading:

This article applies to Bucket, Heap, Mies, and Rosa as they share the same underlying structure.

Updated on May 8, 2017

Was this article helpful?