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.
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.
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.
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:
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.
With Emotions Lite, you get five (5) page widths, sometimes referred to as a “boxed layout“.
Emotions Lite gives you three (3) header style options:
*Your header styles are based on the pro version of Emotions Lite
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 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.
With this theme, you can change the “Copyright” name in the footer. By default, it’s setup to show this:
You can see them on the live demo site HERE or view the screenshot below: