If you need to separate elements in your page or post content, you would normally use a “Horizontal Rule” which is usually found on the editor (depending on the editor of course). This is usually a simple line that is placed between two paragraphs, images, or any other elements in a page. You can see the demo for this theme’s dividers here:
Setup Influential Lite
Welcome to the setup tutorials for the free WordPress theme named Influential 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.
Create buttons
This tutorial will guide you through the creation of buttons like you see on the live demo site:
Create tables with custom styling
Tables are not always pleasant to look at, but with the Influential theme, I’ve given you some table styling enhancements that you can use to spice up your tables with a few custom styles.
Setup breadcrumb navigation
Influential Lite includes a sidebar that is special for those who want to run their site with breadcrumb navigation. This tutorial will help you get this setup. Normally I recommend using the popular Breadcrumb NavXT plugin, but you can use any plugin you want, but I would look for one that has a widget you can use in the theme’s “Breadcrumbs” sidebar position. This makes it easier than opening a theme file to modify it with code that some plugins instruct.
Make a Contact form like the live demo
To make a contact page like the demo, we will need a couple plugins. However, you are not obligated to use these if you have your own personal preferences, but you can still follow the basics of this tutorial if you choose to use something different.
Add a banner image with animated captions
Adding a front page banner is generally the first thing you would do. Although you do not have to have a banner, you can also put in a slider as well (I recommend Smart Slider 3). To help you with this setup, you can refer to another tutorial called “Add a Banner to your Page” which gives you additional information, but we will make this tutorial a quick one. We will make a banner like this:
Make a Call to Action banner like the demo site
This will be a fairly simple tutorial, but let’s make the call to action that you see on the demo site:
Read More… “Make a Call to Action banner like the demo site”
Landing Page - Logo bar
The logo bar area of the front page looks like this:
Landing Page - Main content area
When you see the landing page (front page) of the live demo site, you will see a photo of a tablet being held and then some text content to the right of it. This is the main content area of the page where you can create anything you want by creating or opening this page up in the editor.
Landing Page - Center page caption box
This can be considered a caption box, but for the live demo site, it looks like this: