Every theme offers a selection of page templates, so Emotions is no different. You get the basic templates, plus a couple special templates that I will outline in a moment.
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.
If you are using theme animation or the Animate It plugin
This is avery short tutorial, but if you plan to use the Animate It! plugin for adding animation capabilities to your posts, pages, and other uses, you can disable the theme’s built-in animation that is based on that plugin. Using one or the other is up to you, but running both means you’re loading duplicate CSS files which could slow down your website load times.
Read More… “If you are using theme animation or the Animate It plugin”
If you are using a Bootstrap plugin
This is avery short tutorial, but if you plan to use a plugin that loads the Bootstrap CSS styles, you may want to disable the theme’s own Bootstrap CSS so that you don’t have duplicate stylesheets loading. Although the theme has it’s own Bootstrap styles, they are limited to the grid layout and some form styling. Disabling the theme’s own styles will affect the grid layout due to specific sizing I applied to this theme.
If you are using a Font Awesome plugin
This is avery short tutorial, but if you plan to use a plugin that loads the Font Awesome icons, you may want to disable the theme’s own Font Awesome CSS so that you don’t have duplicate stylesheets loading. Usually the reason for using a Font Awesome plugin like “Better Font Awesome“, is to give yourself more features and flexibility when it comes to using icons in your content.
Make a Contact form like the live demo
I won’t go into a lot of detail here because even though I used the Contact Form 7 plugin for the online demo, you may have a different plugin that you use. However, in reference to the theme’s demo site, I will make this very easy by giving you the code I used for the form I made:
Button styling
Emotions includes optional custom form styling, including buttons. You can use these styles for any form you are creating, but you can also make text links into buttons. Current button styling:
Content Dividers
This is a simple tutorial to show you how to add page content dividers using the “hr” tag with classes. The demo site displays what your two divider styles are like:
Table Styling
If you need to make tables, Emotions Lite has some built-in styling for you to make nice looking tables.
Basic Typography Management
Typography is probably the most complicated and confusing aspects of designing your website, regardless if you are using a theme that has font and typography management options. This is a very big topic when you take in account what fonts involve:
Make a Banner with a caption like the demo site
Emotions Lite comes with a pre-styled banner caption option that you can use to make photo banners like the demo website displays on the front page:
Read More… “Make a Banner with a caption like the demo site”