Personalizing your website’s appearance

Jason 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 the way your blog posts show up and options for colors and fonts.

General settings

By going to AppearanceCustomizeTheme Options → General, you can access several essential settings to customize your website to your liking.

Here are the settings that you can enable or disable from this area:

  • Disable Auto-style post titles;
  • Disable Auto-style first paragraph;
  • Hide search button in toolbar.

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

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

Naming your website is an important part of the customization process. By going to the Site Identity section found in Appearance → Customize. Here you can change the site title, tagline, logo, and site icon, choose between three stylings for your site title (Jolly, Casual, and Personal) and switch between three title sizes (small, medium, and large).

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 April 12, 2024

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 [email protected] and we will give you a helping hand.