Personalizing your website’s appearance
Heap 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.
Theme Options
One of the most important customization component can be found under Appearance → Customize → Theme Options. Here you’ll see options related to Logo, Scrolling, Layout, you’ll be able to add share services, or play with your custom JavaScript snippets.
Layout
Here you can find three major sections—Header, Content, and Archive—where you can set the logo height, make the navigation bar sticky, choose the menu placement, set the container width, and much more.
Archive
This section allows you to change the blog settings in order to better match your personal style. You can choose the layout for Blog Archives (Masonry Grid or Classic List), select the number of columns of masonry archives based on various screen sizes, adjust the excerpt length and change the excerpt “More” text, show or hide archive breadcrumbs, manage posts meta data, show a sidebar in the Archive Pages, and more.
Colors
We created a dedicated documentation article that walks you through all the available options regarding colors. You can read it here.
Fonts
Heap 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.
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.