Personalize Your Site Appearance

Lens 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.


You will find all the settings related to colors in the Appearance → Customize → Colors. By clicking on it, you have access to a number of different sub-sections with controls for the color of various elements on your site. We have grouped them in order to keep you focused on a specific area at a time (like the header or the footer).   Each color option comes with an interactive color picker, allowing you to select any shade imaginable. 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).


Lens 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 manually insert the code they provide via a child-theme.


This section provides various options for both, the Single and Archive area. You have the possibility of showing the Share buttons in single projects,  select between a Grid or Masonry Layout for your Project Archives, Set a Number of Projects Per Page, Show the Archive Title, enable or disable Infinite scroll or activate the Portfolio filters.


The Galleries section is just like the Portfolio one only that it takes care of your galleries.


This section allows you to change the blog settings in order to better match your personal style. You have the possibility of Choosing the Layout for single posts (split or classic), Show the Share buttons in posts, Choose a Layout for Blog Archives (Grid or Classic), adjust the Excerpt Lenght and change the Excerpt “More” Text.

Additional Readings:

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

Updated on May 3, 2017

Was this article helpful?