Adjust the look of your blog to your needs. Set the colors, fonts and displayed elements, and all of that with a live preview.

To go to the Customizer enter the WordPress Dashboard > Appearance > Customize.

You'll see a screen as the one below:

Click Appearance from the list of tabs on the left, and you'll see the next 4 tabs:

  • Colors - change the background color on your blog.
  • Typography - change the fonts on your blog
  • Global -manage the global look of your posts.
  • Single Post - manage the visibility of elements on a single page.

A description of all the tabs can be found later in the article.
Remember to click the blue "Save & Publish" button after finishing the changes in order to confirm them.

Color change.

In order to adjust the colors, enter Customizing > Appearance > Colors.

You can change the 5 main colors, the rest of the elements will adjust their colors automatically.
  • Background Color - change the color of the main background of the website.
  • Text Color - change the color of texts on the website (post content, headlines etc.).
  • Accent Color - change the color of all the links, buttons and all elements which stand out.
  • Footer Background Color - hange the color of the footer background, an element located on the very bottom (read more about the Footer).
  • Footer Text Color - change the color of the footer text.

Font change

To adjust the fonts, enter Customizing > Appearance > Typography.

You'll see 3 options, and a drop-down menu below each one of them.

  • Primary Font - the main font used on the site.
  • Secondary Font - used for post content and a few other block of text.
  • Accent Font - distinctive, used for titles and headlines.

What is a Font Subset and what is it used for?

It's a set of characters from different alphabets. For example, if you are using Greek characters you choose "Greek" or "Greek Extended".

Enabling/disabling elements of the post.

A post consists of a number of things such as a category, date, featured image, the "read more" button, share buttons (for social media) and information as to the number of comments. You can disable their visibility globally – on the entire site, except single post.

To adjust the global settings, enter Customizing > Appearance > Global.

On the screen below, the options and corresponding elements are numbered. Uncheck them to disable the visibility of a given element.

Enabling/disabling elements on the single post page.

You can disable the visibility of the displayed elements. Besides that, you can adjust the look of the "Related Posts" section, or hide it completely.