When we say “page background“, we are referring to the overall page, not the content area. For example, here is a screenshot where the page background is using a photo and the page width is using a boxed setting of 1600px.
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 wordpress.org 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.
Read More… “Adjust the top margin spacing for your main menu”
Choose your boxed layout
With Emotions Lite, you get five (5) page widths, sometimes referred to as a “boxed layout“.
Set your header style
Emotions Lite gives you three (3) header style options:
*Your header styles are based on the pro version of Emotions Lite
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:
- Site Title with Tagline (site description)
- Logo
- Logo with Site Title
- 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.
Update the Copyright notice
With this theme, you can change the “Copyright” name in the footer. By default, it’s setup to show this:
An introduction to your sidebar positions
You can see them on the live demo site HERE or view the screenshot below: