Setup Emotions Lite

Welcome to the setup tutorials for the free WordPress theme named Emotions Lite. Please note that any support you may need while setting up this theme is available to you by going to the theme’s download page at and click on the “View Support Forum” button.

Change your theme colours

As it is a common feature with all of our themes here at Shaped Pixels, you can customize your colours for Emotions Lite with ton of selectors that are found in the Customizer. Although most elements can be customized, there still may be a few that don’t have selectors, so creating some custom CSS might be required.

Choose your blog style

Emotions Lite comes with several blog styles that you can take advantage of, including a few extra customizing options for various elements relating to the blog. More on this in a moment, but to get started, we will look at our blog styles in relation to the screenshots you see below.

Wrap content and widgets in blocks

Emotions Lite comes with an option to wrap all content and widgets in a block (box). These blocks have a padding (inner spacing) and a background colour (light grey) to help them stand out from the content area background colour, which is white by default. Enabling the content blocks feature will affect the blog as well as pages. Here is an example showing the very suttle difference with the blog:

Adjust the top margin spacing for your main menu

This tutorial won’t take you through the setup of your menu because there is another TUTORIAL for that. However, what this tutorial will help you with is to adjust the top margin spacing of your main menu. Why would you need this? It depends on the header style you choose, but the idea is to give you the flexibility to adjust the menu positioning by adding/reducing the top space of your menu container.

Setup your site title or logo

Setting up the site title with tagline is generally easy as these two items are already done by default when you perform a clean installation of this theme. However, when it comes to adding a logo, you will need to venture into the Customizer to perform this task. Currently, you have the following options available:

  1. Site Title with Tagline (site description)
  2. Logo
  3. Logo with Site Title
  4. Logo with Site Title and Tagline

How you decide is going to be up to you, but I would recommend when using a logo, try not to make it too large.