Personalize your Site Appearance

Summary

Mies takes full advan­tage of the Cus­tomiz­er to make man­ag­ing col­ors, fonts, lay­out and more set­tings, through­out your site as easy as possible.

And what bet­ter way to make style changes than with live pre­view? Sim­ply change any set­ting and see it take effect right way from Appear­ance → Customize.

Colors

You will find the set­tings relat­ed to col­ors in the Appear­ance → Cus­tomize→ Col­ors. By click­ing on it, you can change the col­ors of the most impor­tant ele­ments: Body Text Col­or, Light Text Col­or, Links Col­or and Headins Col­or. Each col­or option comes with an inter­ac­tive col­or pick­er, allow­ing you to select any imag­in­able shade. If you already know what you are after, sim­ply type in the HEX col­or code (in case you wish to put the exact same col­or in mul­ti­ple settings).

Layout Elements

Here you can find four major sec­tions — Head­er, Con­tent,Archive and Foot­er, where you can make dif­fer­ent cus­tomiza­tions like Chang­ing the Logo Height, Mak­ing the Nav­i­ga­tion Bar Sticky, Choos­ing the Menu Place­ment, Set­ting the Width of the Con­tain­er, Choos­ing the Par­al­lax Move­ment and much more. You can read a detailed arti­cle about these sec­tions here.

Typography

Mies deliv­ers the whole 600 Google Fonts library at your fin­ger­tips. You can change each font by going to Appear­ance → Cus­tomize→ Fonts. Be aware of using more than three dif­fer­ent fonts — being con­sis­tent with fonts cre­ates a uni­fied look for your site. If you are after pre­mi­um fonts like the ones offered by Type­Kit or the like, you will need to insert man­u­al­ly the code they pro­vide via a child-theme.

CSS Editor

Now you have the abil­i­ty to insert your own cus­tom CSS code straight into the Cus­tomiz­er and get a live pre­view of it. If you are look­ing for some CSS tweaks, have a look around in our CSS play­ground section.