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.
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.
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.
I won’t go into a big tutorial on how to install and setup WooCommerce, as I will leave that to you to reference their own documentation. This tutorial is setup to show how to enable this theme’s WooCommerce styles and other elements like sidebars. I will also assume that you have WooCommerce already installed and setup before you begin theme customization.
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:
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:
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:
If you need to make tables, Emotions has some built-in styling for you to make nice looking tables.
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:
Emotions 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: