iEvent Documentation

We have collected the information here in one document for the ievent theme, it is organized into sections for you to find help quickly and easily.

General Information

Congratulations and thank you for purchasing our theme ievent. Within this document you will find lots of helpful information to get you up and running. ievent is only compatible with WordPress, so you will need to have WordPress installed. If however you do not have WordPress installed then check out our section on WordPress to get you set up.

  • You will need a Themeforest account. Once you locate ievent in within Themeforest, you can download
  • The official website Link for WordPress is http://wordpress.org
  • We hope you are happy using ievent and thank you for your custom

Information on WordPress

As mentioned, ievent is a WordPress theme, and in order for it to be installed you must have a version of WordPress already installed. WordPress is easy to install, you can find out how to by using the instructions in WordPress Codex. Useful links for WordPress are detailed below.

What you get from Themforest

When you purchase ievent from Themeforest, you can download the Demo Files which contain everything. We have listed everything below which is included when the main files are downloaded. There is a description of these items below.

  • ievent Theme Folder – contains the ievent.zip and the ievent-Child-Theme.zip theme. Users who want to make changes to the code should use the Child theme.
  • Licensing Folder – this is where you will find the licensing files.
  • Extras Folder – contains the documentation from the developers for the third party developers of sliders, these are documents from the developers of the plugin.

Installation

The theme can be installed in either of two ways, via WordPress or by FTP. The ievent.zip is the WordPress Theme and in order to install the theme you need this file. Firstly you will need to download the ievent files from your own Themeforest Account. In the Downloads section or tab on Themeforest look for ievent, click the download button. You will be given two options Installable WordPress Theme and Main Files as in the image below

  • Installable WordPress Theme – ievent.zip
  • ievent.zip can be either installed via FTP where you unzip and extract the folder or install via WordPress. Download and unzip the files.

The Admin Dashboard

The admin dashboard within the ievent Theme is where the customization of your site takes place. Whether you want to change the view from wide to boxed, change the colour scheme, change gradients of the CSS3 buttons, changing headers and body copy fonts to any of the Google 500+ fonts takes place. But not only that; changes can also be made to the footers, the layouts of columns or the advance blog options all can be altered. As can the buttons and icons along with switching the responsiveness on or off, changing sliders or backgrounds, plus hundreds of options to customize your site.

Main Files Content List

Once you have downloaded the theme zip file. Extract it and you will find the following folders:

  • Upload – Contains the ievent.zip and ievent-Child-Theme.zip WordPress Theme. You only need to download the Child version if you want to play with the code yourself.
  • Licensing – you will find the licensing files here.
  • HTML – you will find the html version of iEvent theme.
  • Documentations – this is where you will find the third party developer documentation for the Revolution Slider and Visual Composer. we did not develop these plugins, but had included the documents here.

WordPress Installation Steps

  • Step 1 – Go to Appearance > Themes
  • Step 2 – Click the Install Themes and Click Upload
  • Step 3 – Look for ievent.zip file and click Install Now
  • Step 4 – Be patient while the files for the theme are installed and uploaded
  • Step 5 – Go to Appearance > Theme and click to activate.
  • Step 6 – You will be given a message to activate the plugins required along with recommended plugins; Sliders – both Layer and Revolution along with Flex Slider. Follow the prompts to both install and activate each of the plugins.

FTP Installation of Theme

You can follow the steps below to install ievent via FTP, File Transfer Protocol there are some free as well as paid versions of this software which you can find and download online.

  • Step 1 – You will need to already have an FTP software installed, login to the hosting through your FTP software.
  • Step 2 – Locate the ievent.zip folder and ONLY use the ievent theme folder extracted.
  • Step 3 – Upload the extracted ievent theme folder onto wp-content > themes folder.
  • Step 4 – You can then activate the theme; go to Appearance > Themes and activate.
  • Step 5 – You will be given a message to activate the plugins required along with recommended plugins; Sliders – both Layer and Revolution along with Flex Slider. Follow the prompts to both install and activate each of the plugins.

How to Update ievent Theme

The theme can be updated in one of two ways, it can be done automatically using the theme updater which works with the purchase code from Themeforest. The other way uses the traditional method, this involves more work. We recommend that you get into the habit of checking the update notes and take a backup of your theme folder before updating. The details are listed below.

Update the theme via WordPress

  • Step 1 – First you need to deactivate the current version of ievent theme in the Appearance>Themes section by activating a different theme then delete the ievent theme. Your content is safe in the theme you activated.
  • Step 2 – Activate the ievent.zip file which you have downloaded new from Themeforest. You will need to unzip the archive file if you downloaded the Main Files, the ievent.zip will be in the Main Files.
  • Step 3 – Upload the ievent.zip file in the Appearance>Themes section, choose Install Themes tab and then upload the zipped file.
  • Step 4 – When the upload is complete activate the theme.
  • Step 5 – Update the plugins included. A message will notify you of which plugins have a newer version ready to be updated. Follow the steps on the screen.
  • Step 6 – Finally,Go to Theme Options and click on “Reset Options” button .

Update the theme via FTP

  • Step 1 – Backup your ievent theme folder by saving it on your computer, find it at wp-content>themes, your content is safe and will not be lost.
  • Step 2 – Get the ievent.zip file in the new Themeforest download and open or extract the file ievent theme folder.
  • Step 3 – Drag and drop the new ievent theme into wp-contend>themes and choose Replace the current file if you did not delete same.
  • Step 4 – Update the plugins included with the theme. A message will notify you of which plugins have a newer version ready to be updated. Follow the steps on the screen.
  • Step 5 – Finally,Go to Theme Options and click on “Reset Options” button .

Importing all Demo Content

One-Click Demo Import

For the easiest and quickest way to import the demo content use the Theme Options Demo Content Importer. This will give you all posts and pages, widgets, theme options some sample sliders, assigned pages and more.

Importing Demo Content Manually

  • Step 1 – Install WordPress Importer Plugin, go to Tools > Import then select wordpress. That will install WordPress Importer Plugin
  • Step 2 – Select XML file from the theme folder under Demo Content Folder.
  • Step 3 – Admin will ask you to import the content under which author name, you can select your current logged in user as author name. Then tick the box which says Download Images
  • Step 4 – Wait a while and it will take a few minutes to import everything. Wait for the download to complete, you will know it’s finished as a message Success will be seen.
  • Step 5 – Go to Appearance > Menus and set menu as Primary Navigation.
  • Step 6 – Go to Appearance > Widgets and set the widgets you need under General Widget .

Pages

There are several page templates to choose from and you can choose the page template which best suits your needs. You can make you selection in the pages section of the WordPress admin.

To Create A Page Follow These Steps

  • Step 1 – Go to Pages and click Add New.
  • Step 2 – Give your new page a title, then find the Page Attributes box on the right side.
  • Step 3 – Set the Parent page, though it’s usually set to No Parent.
  • Step 4 – Set which Template you want from the dropdown list, see the list of templates for pages below.
  • Step 5 – From the Page Options box, select any number of page options.
  • Step 6 – Enter your content for your page in the editing field, use wither the Visual or Text tab for editing content. The page content us in the main built using Shortcodes, see that section below for how to use them, or use our demo content. See the section within this document for the demo code of each page.

Setting Up One Page

You have full control over how the site looks, with the option to create a one page site with a parallax scrolling menu. This is a single page site which can have all your content on the same page, with the menu items that will link to different sections of the page. With a parallax site you are required to have a custom menu. A single page with menu_anchors in the custom and content menu associated to the page. You can find out more below.

  • Step 1 – Go to Appearance>Menus part of your admin and then click Create A New Menu assign it a name and create a link.

  • Step 2 – When you add a new menu item it needs a unique anchor name in the URL field. This will act as a link to the anchor name in your page content. Add menu items by using the Links box on the left hand side to add menu items. By using the Links on the left hand side you can add menu items, then click the Add to Menu button.
  • Step 3 – Give each item a unique name by repeating step 2 above.
  • Step 4 – When you have added all your menu items don’t forget to click on the Save button.


Setting Up Home Page

When you set up the home page it is much the same as setting up any other page, just that you need to specify in the settings what page will be the home page. ievent has included some pre-designed home page options. Any of the options of layouts which are included on the demo can be used as a home page or you can build your own using the janxcode shortcode elements.

To Set Up The Home Page Carry Out These Steps

  • Step 1 – Go to Settings>Reading
  • Step 2 – Choose A Static Page
  • Step 3 – Select the page you want to use as your home page from the drop down list
  • Step 4 – This is also where you select the Blog Page as the Post Page

Setting up Page Title Bar

This is a horizontal bar which is located below the menu/header and contains information like the page title text and a search box . This can be visible or hidden on every post or page throughout the whole site, globally or on individual pages. This can also be customised.

Follow The Steps To Setup The Title Bar Globally

  • Step 1 – Go to Appearance>Theme Options>Page Title Bar to gain access options.
  • Step 2 – Enable the Page Title Bar by checking the tick box.
  • Step 3 – Pick one of the options to set a background image, parallax background effect, page title bar height, borders and colours etc.
  • Step 4 – The right of the page title bar can either show the search box or breadcrumbs. If you choose breadcrumbs this can be customised some more.
  • Step 5 – These settings will be applicable across every page.

Follow These Steps To Set Different Settings Per Post or Page

  • Step 1 – Open an individual post or page in your WordPress admin.
  • Step 2 – Scroll to find Post or Page Options Box and look for the Page Title Bar Options part.
  • Step 3 – There are lots of options available for you to choose, you can customize the page title bar per page or per post, it can also be hidden per post or page or can display custom text or a subhead. You can also set custom background image, colour overall height of the bar or set the parallex effect.
  • Step 4 – Don’t forget to save your work when finished.

Creating Portfolio Posts

When you have created the portfolio page you will then need to create portfolio posts the show on the portfolio pages. With each portfolio post there are several ways to add skills, add tags and categories.

To Create A Portfolio Post Follow These Steps

  • Step 1 – Go to Portfolio in the WordPress admin.
  • Step 2 – Pick Add New to create a new post, create a title and input your post content in the editing section. You may of course use some of the many shortcode builder elements.
  • Step 3 – Add Categories from the right, assign it to the post by clicking the check box next to the category name.
  • Step 4 – Add the tags, also on the right side, type in the names, separate them with commas.
  • Step 5 – Add Skills; also on the right. Click Add New and add your skill then hit enter. you can assign it to the post by checking the box beside the Skill name.
  • Step 6 – If you want just one image then click the first Featured Image Box and pick your image then click the Set Featured Image.
  • Step 7 – If you’d like more than one image – or a slide show then insert more than one image and each will feature.
  • Step 8 – You can also have a video post, by pasting the iFrame embed from wither Vimeo or YouTube into the Video Embed Code area.
  • Step 9 – Select the number of Portfolio Options in the Box called Portfolio Options.
  • Step 10 – When you have finished either save as a draft or publish the post.

Featured Image Information

Featured images will automatically be cropped when viewed on the category/archive pages. This is for aesthetic purposes, it keeps the design layout somewhat consistent. However, the full image size will show on the single post page. Users may wish to select half or full for the main featured image. If the featured image you upload is smaller than the default size for the layout you choose, it will be automatically scaled up to fit the size which can cause pixilation in low quality images. You can also set a custom featured image size for each post. To do this go to your post and find the Portfolio Options box, at the bottom of the box is a field to input a custom featured image width and height. Insert a number in pixels (ex: 300px) and it will override the default cropped size and display your custom size on single post page.

Portfolio Theme Options

The theme options panel is organized into sections, these sections allow users to customize different aspects of the theme. The Portfolio section allows you to customize different aspects of the portfolio; sidebar, number of items per page, single post page settings, pagination type plus more.

Portfolio Post Options

As well as all the standard page options, there are several post options for you to choose from for each portfolio post. They allow you to set different settings for each individual post. By creating or editing a post, scroll below the WordPress editing field to find the “Portfolio Options Box” for changes.

Sliders

We all love sliders. They are a great way to catch your viewers attention by displaying your most important content. ievent has included 4 brilliant sliders; Revolution Slider, Flex Slider, Layer Slider, Elastic Slider. Not only that but also included are other slider types for pages/posts and carousels. Each of the sliders can be used on any page or post, and have their own sets of unique options.

  • How to Assign A Slider
  • Import Our Demo Sliders
  • Slider Position
  • Revolution Slider
  • Layer Slider

How to Assign A Slider

So when you have created your sliders, you need to assign a page to them, or you can use a shortcode if one comes with the slider. There are two ways to assign a slider to a particular page. One is via the page options box. This allows the slider to be put under the navigation, second is to insert the slider shortcode in the post content field.

Assign A Slider From The Post or Page Options Box

  • Step 1Edit or create any Page or Post.
  • Step 2 – Look for the Post or Page Options box, under the editing field, you will find a Slider Options section.
  • Step 3 – Select the Slider Type from the dropdown area.
  • Step 4 – Choose the name of the slider in the dropdown area.
  • Step 5 – To save the settings click Publish.
  • Step 6 – You can adjust the header top and bottom margin settings.

Assign A Slider Via Shortcodes

The shortcode may be inserted on any post or page.

  • Step 1 – Edit or create any page or post.
  • Step 2 – Click of the Visual editing tab.
  • Step 3 – The Revolution and Layer sliders generate a shortcode with each one you make. To find the automatically generated shortcode, go to the slider creation page and look for the code, copy and paste into the editing field.
  • Step 4 – Other sliders like Image Carousel Slider, Client Carousel, Flexslider and Woo Featured Slider can be used from the short code generator. Click on the short code generator icon, select the slider from the dropdown and make the selection. Click Inert Shortcode to insert short code onto the page.
  • Step 5 – When finished click Publish to save your work.

Import Our Demo Sliders

We have included sample sliders in our demo, they can be imported via the Theme Options Demo Content Importer. To import them go to Theme Options>General and click on the Import Demo Data button. Be careful not to hit the button more than once or you will get duplicate content.

To Import the Revolution Sliders

Firstly you’ll need to create a new slider and then save it. At the bottom of the slider settings page you will see a part to import and export data. Click the “Show Export/Import” button. Select which slider you wish to import from the folder. Once you import it all the settings will change to the settings of the imported slider. Note that only one slider imports at a time, so repeat the process if you want to get them all.

To Import Layer Sliders

Each of our sliders are packaged in its own zip file. Firstly select the zip file you want to import and click Import. Then click Import Sample Sliders.

Important Information to Note

When you import this slider data, you may need to replace each of the images with ones of your own. It’s very important that you replace each image with your own, the slider may not work if you miss one image so be careful when using these. Check each and every sublayer to ensure it does not have a missing image.

Slider Position

You can place the slider in different positions on the page depending on how you set it up. Assigning the slider by page options versus using the slider shortcode will place the slider in a totally different position on the page. In addition, we offer an option to position a slider that is assigned through page options either above or below the header, and also note that the header can be set to be transparent. All of this affects where the slider is positioned.

Positioning the Slider by Page Options

By assigning the slider via page options, the slider position will always be underneath the header, and the top of it will align with the main menu dropdown. There will be no extra page content or padding which will interfere with the slider position when assigned via page options.

Positioning the Slider by Shortcode

By placing slider by shortcode on a page or post, it will always be positioned where you place it in the post content field. Which makes this a perfect method for when you do not want the slider directly above or below the header; but somewhere further down the page. When you place the slider shortcode at the top of a post content field, it will have the page top padding added to it, which is set to 55px by default. When content is added to the post content field it will have page padding applied. The page padding can either be adjusted globally in theme options, or on an individual basis per page or post in the page options box.

Revolution Slider

Revolution Slider Created is a third party slider By ThemePunch. It is a beautifully animated slider, 100% responsive and has some brilliant options.

Follow The Steps To Create A New Revolution Slider.

  • Step 1 – Go to Revolution Slider sidebar in your admin, click on Create New Slider button.
  • Step 5 – There are many options which you can set most of which are self explanatory by their descriptions.
  • Step 6 – When you have finished, click Create Slider and it will be completed for you.
  • Step 2 – Then insert a name and alias for the slider. The alias will generate shortcode which can be used in the editing section of posts or pages.
  • Step 3 – Select the Source Type, you may need to consult the Resolution Slider Documentation.
  • Step 4 – Select the Slider Layout type, note the settings, and set the grid and responsive settings at this point also.

Follow The Steps To Add Slides To The Slider

  • Step 1 – Click Edit Slides button in the Revolution Slider settings.
  • Step 2 – Click the New Transparent Slide or Transparent Slide button.
  • Step 3 – You will see a new slide box, then click Edit Slide to open the slide editing section. This is the point where you add your slide content.
  • Step 4 – The slide editing section has many different parts which you to customize the slide.
  • Step 5 – Click the Add Layer button below the slider preview window. You can then enter your text in the Text/HTML field then Edit Style to customize it by picking one of the styles from the dropdown.
  • Step 6 – You can Add Layer Image or Add Layer Video to add images or video to the slider.
  • Step 7 – You can add other settings like Layer Parameters, Layer Animations, Layer Links plus Advanced Parameters and to test them out click on Preview Slide.
  • Step 8 – You can change the timing and sorting to alter the settings for each layer displayed.
  • Step 9 – Update to save your slide and repeat to make more slides.

Footers

The ievent Footer area is where the widget and copyright areas are configured. There are 4 columns in the widget area and areas have their own sets of widgets. There can be any number of columns from 1 to 4 in this section and they can be the full width of the column. You add footer widgets in the widget part of the admin.

Footer Theme Options

Included in the theme is an advanced theme options panel which is organized into sections which allows users to customize many different aspects. The Footer section of theme options allows you to customize different areas of the footer. The Footer tab is organized into 2 sections; Footer Widget Options and Footer Copyright Option. See the information below for a description and screenshot of each section

  • Footer Widget Area Options – these are the options which will affect the main widget area of the footer.
  • Footer Copyright Options – these options affect the copyright area of the footer.

Header

The header which is the most important part of your site, as it is what your users will see first. The header includes lots of elements all of which are customizable; colours, content, design images plus more.

  • Main Header Setup
  • Sticky Header Setup
  • Adding The Logo and Favicons
  • Position and Transparency
  • Adding The Logo and Favicons
  • Setting up the Menu
  • Using The Mega Menu
  • Setting up Page Title Bar
  • Setting Up The Sliding Bar

Blog

ievent is loaded with options for your blog. There are numerous theme options and short code options which allow you to customize how posts will be displayed. The ievent blog is really powerful and versatile.

  • Creating Blog Posts
  • Assigned Blog Page
  • Blog Short Code
  • Recent Post Shortcode
  • Blog Post Options
  • Blog Theme Options
  • Blog Post Formats

Creating Blog Posts

ievent offers you several blog post types, video, image slideshows, image and more on along the way. Each blog post you make will be able to be displayed, and with the ability to assign custom categories to each of your posts, you can display a set of posts based on categories.

To Create A Blog Post Follow The Steps Below

  • Step 1 – Go to Posts in the WordPress admin.
  • Step 2 – Click Add New to create a new post, give your post a title and place your content in the editing field. You may also use any of the elements in the shortcode builder.
  • Step 3 – Add Categories to your post, you can find this on the right, check the Category name.
  • Step 4 – Choose Tags to add from the right, type in the name of a tag, or you can add multiple tags just separate them with a comma.
  • Step 5 – If you want just one image, click the Featured Image Box, pick the image and Set Featured Image
  • Step 6 – To create a slideshow simply insert more than one Featured Image, each one will become a slide in a slideshow. Five image slides will show by default but you can add more by changing the Post Image Slideshow by going to Theme Options>Slideshow tab.
  • Step 7 – If you want a video post then paste the iFrame embedded from wither Vimeo or YouTube into the Video Embed Code field.
  • Step 8 – Choose the Post Options.
  • Step 9 – Don’t forget to click Publish to save your work.

Assigned Blog Page

You can set up a designated blog or post page, the standard WordPress way. Then you tell WordPress to use the page as the Post Page.

To Assign A Post Page Follow The Steps

  • Step 1 – Go to Pages and click Add New.
  • Step 2 – Give your page a name, then go the Page Attributes on the right
  • Step 3 – Choose the Default Page Template from the dropdown.
  • Step 4 – Choose any number of the page options in the Page Options Box.
  • Step 5 – Don’t forget to save your work by Publishing your page.
  • Step 6 – Finally to set the page as your post page go to Settings. Reading and select your blog page name for the Posts Page. By doing this your blog posts will automatically show on this page.

Theme Options For The Assigned Blog Page

When you have set up your page like above, all the options you can select for it are located in the theme options on the blog tab. There are lots of options to choose from like sidebars, layout, excerpts, full width, etc.

Blog Post Options

Along with all the standard page options, ievent also offers lots of post options for you to use for each blog post should you so wish. You will find the settings for the posts in the editing field in the Post Options Box.

Widgets

All widgets can be found by going to Appearance > Widgets. Widgets can dragged and dropped into the right hand side where your sidebars and footer widgets are listed. Once you have finished adding the widgets, always make sure to save your work.

Follow The Steps Below To Setup The Flickr Widget

  • Step 1 – Go to the Appearance>Widgets section in your admin.
  • Step 2 – Locate the Flickr widget and drag it to a sidebar or footer column of your choice.
  • Step 3 – Click on the Get Your Flickr ID link, http://idgettr.com
  • Step 4 – Enter your username, in place of username in the field and click Find this will then generate your ID.
  • Step 5 – Simply copy and paste the new ID into the corresponding field of the Flickr widget in the admin section.
  • Step 6 – The default API key will already be filled in and it will work, but if you want to you can also generate your own by clicking the Flickr App Garden link.
  • Step 7 – Don’t forget to click Save, then you’re ready to go.

Follow The Steps Below To Setup The Twitter Widget

  • Step 1 – Go to https://dev.twitter.com/apps and sign in using your own twitter ID.
  • Step 2 – Click on Create A New Application button.
  • Step 3 – Complete the required fields. The name and description can be whatever you want to call it, it does not have to be a certain name. Plus you can leave the callback URL field empty, if you like.
  • Step 4 – When you have that created, click Create My Access Token button to generate the codes necessary.
  • Step 5 – You will see all the four items required, consumer key, consumer secret, access token, access token secret.
  • Step 6 – Then simply copy and paste each of these items, along with your Twitter ID (which is your twitter username) into the corresponding twitter widget fields in appearance > widgets of the ievent theme.
  • Step 7 – Don’t forget to click Save, then you will have to wait as Twitter has a 10 minute cache at their end, so changes can take ten minutes or so to take effect.

Extras

In this section we will look at various items such as our theme options panel, retina ready feature, plugins like WooCommerce and WPML and more. The sections will cover sections of the header that are listed below.

  • Theme Options Panel
  • Custom Fonts
  • Sidebars
  • Retina Ready
  • WooCommerce Plugin
  • WPML Plugin
  • Translation & RTL
  • CSS, Javascript & Credits
  • Changelog

Advanced Theme Options

ievent has a panel with advanced Theme Options which is loaded with options.
Go to Appearance>Theme Options in your WordPress admin to access the theme options panel. You will also be able backup your theme options by clicking on the backup tab.

Custom Font

With ievent, users can choose from any of the 500+ Google Fonts, the Standard System Fonts, and you can also upload a Custom Font. Your Custom Font will be applied to the headings and menu. Below you will find directions for how to use any custom web font. You will need to have the 4 required font files for the Custom font you want to use.

Follow The Steps To Use A Custom Font

  • Step 1 – Firstly download your custom font and make sure you receive the 4 web font files, .woff, .ttf, .svg, .eot. As each one is needed.
  • Step 2 – Go to Appearance>Theme Options>Typography Options, you will see 4 Custom Font fields, one is for each of the 4 font files listed above.
  • Step 3 – Then upload the 4 individual font files into the corresponding field by clicking the “Upload” button and selecting each file in turn.
  • Step 4 – When you have uploaded all 4 custom font files, you will notice the custom font will be set for the headings and menu, and it overrides any of the other settings.
  • Step 5 – Don’t forget to Save your work and to publish your new settings.

Retina Ready

ievent is already Retina Ready, so the theme and your content will look brilliant on High Resolution displays like the iPhone or iPad Retina devices. The most important thing to understand is that there are two different sets of images/graphics that can be Retina Ready. Please read below to help you understand how this process works.

  • Step 1Theme Included Images or Icons These are images or icons which are included with the theme. All of these included theme images or icons are Retina Ready out of the box and do not require the you to do anything. They will look fantastic and super sharp on Retina Ready screens.
  • Step 2User Uploaded Images The second set of images are called User Images, these are any images which you, the user will upload into your theme (example, Blog Post Image). Whether or not the User Images are Retina Ready solely depends on you, the user. But the general rule of thumb is, that a Retina Ready image needs to be 2x the normal size. So if your image that is going in a space that is 100px x 100px, you would need to upload a 200px x 200px image. The easiest way to ensure that your User Images are Retina Ready is to use the WP Retina 2X Plugin .
  • The WP Retina 2X Plugin For User Images

    This is a fantastic plugin, created by Jordy Meow, and is the best option for users to ensure their images are Retina Ready. It can tell if the images you are uploading are large enough to ensure Retina Resolution. Plus it can convert your existing media library to be Retina Ready. It will automatically create the necessary 2x images, needed for every area of your site, and will warn you if your images are not large enough for to be Retina Ready.

    Other Images Such As Logos and Favicons

    Some images such as the Logo and Favicons will need to be uploaded via Theme Options. We have created the necessary fields so as to ensure those images are Retina Ready. Users will need to upload the extra files which are twice the original size. For example, you will need to upload your regular size logo file into the Logo field, and then upload the 2x Logo file in the Logo (Retina Version @2x) field. For the logo, you will also need to input the width x height of the original logo size, not the 2x size. This is a very important and part of the process as the browsers uses it to display the Retina Ready Images.

Page Options

ievent has lots of meta options available. You can customize each page, by going to WordPress admin each page will have its own Page Options Box containing its settings. Some of these will only work in specific templates.

Main Header Setup

There are lots of header options available with ievent, which allows you to customize different areas of the theme. There are different layouts each with their own design available, along with options to customize the header along with the header content.

Follow These Steps to Setup The Header

  • Step 1 – Go to Appearance>Theme Options>Header to view the header options
  • Step 2 – By default Header 1 will be set up, you can select any of the other header options by picking the one you want and clicking on it.
  • Step 3 – Depending on which header you select you may have an option to enter content to be displayed in the top left and right sections of the secondary bar. For example if you choose to select contact info in a section, then you have to fill out the header email address and phone numbers in the fields provided. There are other details you can choose to place here or you can decide to leave it blank.
  • Step 4 – If you are given the option to have a tagline, banner or search box, even search box plus tagline then complete these sections.
  • Step 5 – You will also have the option to insert a header background image if you would like to have one plus there are individual options on posts and pages to allow you have different colours or images on posts or pages.
  • Step 6 – Lastly there are top and bottom margins on the header which you can adjust to the space above and below the header.

Sticky Header Setup

There is an option to have a sticky header, it also has customizable elements. Follow these Steps To Setup The Sticky Header

  • Step 1 – go to Appearance>Theme Options>Sticky Header to view the options
  • Step 2 – Click on the checkbox to enable, due to technical reasons the sticky header will always be the header 1 design.
  • Step 3 – Choose if allowing the sticky header to be allowed for mobile devices and tablets.
  • Step 4 – Pick the other areas of the sticky header to customize such as the opacity, the colour is set in the styling options of the theme options.
  • Step 5 – Other areas of the sticky header which can be altered are the Menu padding, navigation size, size of logo, increase padding and adjusting size and spacing.

Adding The Logo and Favicons

ievent requires you to upload your logo as an image file. It can be any size and can take up the complete content area.

Follow The Steps To Insert Your Logo

  • Step 1 – Go to Appearance>Theme Options>Logo to see the options available.
  • Step 2 – There will be two options available, one for retina ready devices and the other for standard desktops. Choose upload button and select the file containing your logo.
  • Step 3 – For retina logos it needs to be precisely 2X the size of the regular normal logo ( though retina logo is not a requirement )
  • Step 4 – If you are using a retina logo then you MUST enter the logo width and height for the Standard logo, you do not enter the size of the retina logo.
  • Step 5 – Other options available to you are, to adjust the top, bottom, right or left logo margins which allows you to set the exact placement of your logo.

Favicon Options

These can also be found in the Logo tab. They are associated with the URL in the browsers address bar or next to the site in your bookmark list. There are different fields to upload the favicon to, like standard, iPad or iPhone, each has its own size and description.

Setting up the Menu

Our theme supports custom WordPress menus, there are multiple levels of dropdown support. There are several options for each menu.

ievent Menu Locations

  • Top Navigation – this is the top secondary menu.
  • Main Navigation – this menu shows the header area.
  • 404 Navigation – this is where the menu is which can be assigned to the 404 page.

Menu Theme Options

You can change the menu height, padding show or hide the search icon, change the width of the dropdown menu by following the steps- you can even change the style, colours or customize the fonts.

Follow The Steps To Setup A New Menu

  • Step 1 – Go to Appearance>Menus part of the admin.
  • Step 2 – Choose Create A New Menu to make a new menu and enter a name, click the Create Menu button.
  • Step 3 – Then to add an item to the menu – select one of your pages and on the left side click Add to menu.
  • Step 4 – You can add a custom menu item by entering a custom name and link into the links box.
  • Step 5 – Make use of the drag and drop function, to create a dropdown menu, just drag a menu item under and to the right of another menu item and it will be locked into place to create a dropdown menu.
  • Step 6 – When you have this set up go to the bottom of the page and assign the menu to one of the locations in the Theme Locations Box.
  • Step 7 – Don’t forget to save your work.

Responsive design

With so many screen sizes available today smartphones, tablets, desktop computers and laptops; you can rest assured that when a client checks out your site they get the very best possible experience. This theme covers all the unknowns leaving you with peace of mind that your site is versatile and modern. With the ievent WordPress Theme you give 100% fully responsive sites to all users; regardless of the screen they are using.

To enable responsive design follow the steps

  • Step 1 – Go to Appearance>Theme
  • Step 2 – General Options>2nd Check box

Layout boxed and wide

When you use a wide layout your content consumes the entire screen or you may wish to have a box layout. With a box layout you have the ability to have an image featured in the background, with a portion visible on either side of your content. Or maybe you just want a solid block of colour or indeed a pattern, the choice is yours and the theme is flexible. Some predefined content is provided with the theme. The layout can also be changed easily within the themes control panel.

Follow the steps

  • Step 1 – Go to Appearance>Theme options
  • Step 2Background options
  • Step 3 – Select box or wide layout

Create Flexslider Slider

To create slider using flexslider, it’s quite easy. Just follow the steps listed below:

Follow The Steps To Setup Flexslider

  • Step 1 – Go to Appearance>Flexslider > Add New.
  • Step 2 – Set Post Title like Slider-1.
  • Step 3 – Select Flexslider from dropdown
  • Step 4 – Set the event details
  • Step 5 – Select Background Image

Next create new page and then from Title Drop Down select flexslider

  • Step 1 – Open an individual post or page in your WordPress admin.
  • Step 2 – Scroll to find Post or Page Options Box and look for the Page Title Bar Options part.
  • Step 3 – There are lots of options available for you to choose, you can customize the page title bar per page or per post, it can also be hidden per post or page or can display custom text or a subhead. You can also set custom background image, colour overall height of the bar or set the parallex effect.
  • Step 4 – Don’t forget to save your work when finished.

Font Awesome Icons

Options

Shortcode options and default values:

  • adjust
  • anchor
  • archive
  • area-chart
  • arrows
  • arrows-h
  • arrows-v
  • asterisk
  • at
  • automobile (alias)
  • ban
  • bank (alias)
  • bar-chart
  • bar-chart-o (alias)
  • barcode
  • bars
  • bed
  • beer
  • bell
  • bell-o
  • bell-slash
  • bell-slash-o
  • bicycle
  • binoculars
  • birthday-cake
  • bolt
  • bomb
  • book
  • bookmark
  • bookmark-o
  • briefcase
  • bug
  • building
  • building-o
  • bullhorn
  • bullseye
  • bus
  • cab (alias)
  • calculator
  • calendar
  • calendar-o
  • camera
  • camera-retro
  • car
  • caret-square-o-down
  • caret-square-o-left
  • caret-square-o-right
  • caret-square-o-up
  • certificate
  • check
  • check-circle
  • check-circle-o
  • check-square
  • check-square-o
  • child
  • circle
  • circle-o
  • circle-o-notch
  • circle-thin
  • clock-o
  • close (alias)
  • cloud
  • cloud-download
  • cloud-upload
  • code
  • code-fork
  • coffee
  • cog
  • cogs
  • comment
  • comment-o
  • comments
  • comments-o
  • compass
  • credit-card
  • crop
  • crosshairs
  • cube
  • cubes
  • cutlery
  • dashboard (alias)
  • database
  • desktop
  • diamond
  • dot-circle-o
  • download
  • edit (alias)
  • ellipsis-h
  • ellipsis-v
  • envelope
  • envelope-o
  • envelope-square
  • eraser
  • exchange
  • exclamation
  • exclamation-circle
  • exclamation-triangle
  • external-link
  • external-link-square
  • eye
  • eye-slash
  • fax
  • female
  • fighter-jet
  • file-archive-o
  • file-audio-o
  • file-code-o
  • file-excel-o
  • file-image-o
  • file-movie-o (alias)
  • file-pdf-o
  • file-photo-o (alias)
  • file-powerpoint-o
  • file-sound-o (alias)
  • file-video-o
  • file-word-o
  • file-zip-o (alias)
  • film
  • filter
  • fire
  • fire-extinguisher
  • flag
  • flag-checkered
  • flag-o
  • flash (alias)
  • flask
  • folder
  • folder-o
  • folder-open
  • folder-open-o
  • frown-o
  • futbol-o
  • gamepad
  • gavel
  • gear (alias)
  • gears (alias)
  • genderless (alias)
  • gift
  • glass
  • globe
  • graduation-cap
  • group (alias)
  • hdd-o
  • headphones
  • heart
  • heart-o
  • history
  • home
  • hotel (alias)
  • image (alias)
  • inbox
  • info
  • info-circle
  • institution (alias)
  • key
  • keyboard-o
  • language
  • laptop
  • leaf
  • legal (alias)
  • lemon-o
  • level-down
  • level-up
  • life-bouy (alias)
  • life-buoy (alias)
  • life-ring
  • life-saver (alias)
  • lightbulb-o
  • line-chart
  • location-arrow
  • lock
  • magic
  • magnet
  • mail-forward (alias)
  • mail-reply (alias)
  • mail-reply-all (alias)
  • male
  • map-marker
  • meh-o
  • microphone
  • microphone-slash
  • minus
  • minus-circle
  • minus-square
  • minus-square-o
  • mobile
  • mobile-phone (alias)
  • money
  • moon-o
  • mortar-board (alias)
  • music
  • navicon (alias)

Line Icon

Options

Shortcode options and default values:

  • vc_li-music
  • vc_li-search
  • vc_li-mail
  • vc_li-heart
  • vc_li-star
  • vc_li-user
  • vc_li-videocam
  • vc_li-photo
  • vc_li-camera
  • vc_li-attach
  • vc_li-lock
  • vc_li-eye
  • vc_li-tag
  • vc_li-thumbs-up
  • vc_li-pencil
  • vc_li-comment
  • vc_li-location
  • vc_li-cup
  • vc_li-doc
  • vc_li-note
  • vc_li-cog
  • vc_li-params
  • vc_li-calendar
  • vc_li-sound
  • vc_li-clock
  • vc_li-lightbulb
  • vc_li-tv
  • vc_li-desktop
  • vc_li-mobile
  • vc_li-cd
  • vc_li-inbox
  • vc_li-globe
  • vc_li-cloud
  • vc_li-paper-plane
  • vc_li-fire
  • vc_li vc_li-graduation-cap
  • vc_li-megaphone
  • vc_li-database
  • vc_li-key
  • vc_li-beaker
  • vc_li-truck
  • vc_li-money
  • vc_li-food
  • vc_li-shop
  • vc_li-diamond
ievent, the perfect Corporate WordPress theme to provide Support and interact with your customers.
Buy Now