Personalize Your Site Appearance

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 pos­si­ble. 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 Cus­tomize.


You will find all the set­tings relat­ed to col­ors in the Appear­ance → Cus­tomize → Col­ors. By click­ing on it, you have access to a num­ber of dif­fer­ent sub-sec­tions with con­trols for the col­or of var­i­ous ele­ments on your site. We have grouped them in order to keep you focused on a spe­cif­ic area at a time (like the head­er or the foot­er).   Each col­or option comes with an inter­ac­tive col­or pick­er, allow­ing you to select any shade imag­in­able. 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 set­tings).


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 man­u­al­ly insert the code they pro­vide via a child-theme.


This sec­tion allows you to change the blog set­tings in order to bet­ter match your per­son­al style. You have the pos­si­bil­i­ty of Choos­ing the Lay­out for sin­gle posts (split or clas­sic), Show the Share but­tons in posts, Choose a Lay­out for Blog Archives (Grid or Clas­sic), adjust the Excerpt Lenght and change the Excerpt “More” Text.

This article applies to Border, and Lens as they share the same underlying structure.

Updated on May 3, 2017

Was this article helpful?