Personalize your Site Appearance

Listable 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 components can be found under Appearance → Customize → Theme Options. Here you’ll see options related to your website’s layout, colors, fonts, and more. In the other available sections, you can customize your website’s footer credits (in the General tab), choose between various map options, and add custom JavaScript snippets.

Layout

The layout related settings can be found in Appearance → Customize → Theme Options → Layout. This section provides various options for the Header, Frontpage, and Content. These features will allow you to easily customize your website’s layout, like adjusting the logo height, changing the vertical header margins, menu items spacing, container width, etc. 

Here’s a helpful video that runs through the available options:

Colors

Using a color picker is not ideal when you want to customize your website. Having an unlimited number of color options makes the decision of choosing the right one nearly impossible. Plus, it’s easy to mess them up and wrongly combine them. That’s why we built the Style Manager, an interactive system that lets you choose between pre-defined color palettes or create your own. You can read more about where to find it and how to use it in this article.

Fonts

Listable comes with Style Manager, an intuitive system that lets you choose between pre-defined font palettes. We made sure each combination works great with one another and gives your website a unique look. You can read more about where to find the right fonts for your website and how to use Style Manager in this article.

Sizes and Spacings

Navigating to Appearance → Customize → Style → Sizes and Spacings enables you to customize the Logo Height (more details about it here) and the filmstrip images spacing (screenshot).

Style Presets

We know that a website has to match your style, therefore, we’ve added several preset styles to try out before you start fully customizing your digital crib. It offers you a wider perspective on what to expect at the end of the personalization process, so you don’t have any surprises.

Naming your website is an important part of the customization process. By going to the Site Identity section, you can change the Site Title, Tagline, Logo, and more.

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 AppearanceCustomizeAdditional CSS and add your custom code.

Updated on September 18, 2020

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.