The Affair

Theme Documentation

Contact Support

Intro

Thank you for purchasing The Affair!

We at Code Supply Co. are confident that you'll be delighted with The Affair's plentiful feature options and clean, minimalistic design.

Please reference this file for any questions or issues you may be experiencing. It's likely you'll find the answer to your query here.

This documentation is also available online. Bookmark it to access it anytime.

Should you have any questions that are beyond the scope of this help file, please feel more than free to contact us via our support e-mail.

We'll do our very best to reply as promptly as possible. As a rule, we reply within 30 minutes in our working time (EST 01:00am - 9:00am, GMT 05:00am - 01:00pm).

Interested in keeping up to date with Code Supply Co. future projects and releases? Follow us on Twitter.

Hope you'll enjoy using The Affair as much as we enjoyed developing it.

Installation

Setting-up The Affair is easy. Just follow these steps, they won't take much of your time.

Theme Installation

Step 1: Login to your Wordpress admin panel and navigate to AppearanceThemes.

Step 2: Click Add New button at the top of the page, then the Upload Theme button on the next page.

Step 3: Select the-affair.zip included in the files downloaded from Themeforest and click Install Now.

Final Step: Once the file is uploaded and installed, click Activate.

Plugin Installation

The Affair requires some plugins to operate correctly. It's easy to install and activate them in one click.

Step 1: After activating the theme, in the notification message on the top of the admin page, click the Begin Installing Plugins link.

Step 2: Select all the plugins in the list and choose Install from the Dropdown menu, then click Apply.

Demo Content

Note: Importing demo content is optional.

The Affair comes with single-click importable demo content (pages, blog posts, etc.) to help you get started if you have a fresh WordPress installation.

Before importing, make sure you have installed the Theme and recommended Plugins.

  1. Navigate to AppearanceImport Demo Data.
  2. Click Import Demo Data.

After the import you may uninstall One Click Demo Import plugin.

Theme Options

After installing the theme, navigate to AppearanceCustomize.

Here you have access to all the theme's configuration settings. Each setting is commented and very straight-forward and should be easy to understand and configure.

The Affair supports live preview of all customizations, so you may preview any changes before saving them.

Media

Image Sizes

The Affair automatically resizes images to make them look nice despite their location in templates.

Minimum recommended image sizes:

Horizontal Images: 1280x860px

Vertical Images: 640x860px

Square Images: 860x860px

Please try to select images that match the minimal dimensions to avoid whitespace, bad alignment and other image related problems.

Resizing Thumbnails

If you install The Affair on the existing blog with existing images we strictly recommend that you should regenerate your images.

Please install and run Force Regenerate Thumbnail plugin.

Miscellaneous

Contact Form

In order to make use of contact forms, make sure you've installed and activated Contact Form 7 plugin.

To create the contact form layout similar to the demo site paste the following code to the Form field, located in ContactContact Forms:

<div class="row">
  <div class="col-md-6">
    [text* your-name]Your Name[/text*]
  </div>
  <div class="col-md-6">
    [email* your-email]Your Email[/email*]
  </div>
</div>
[textarea your-message x5]Your Message[/textarea]
[submit "Send"]

Pin It Buttons

You may enable Pin It buttons by navigating to AppearanceCustomizeConnectEnable Pin It Buttons.

Pin It buttons work for all gallery types: slider, justified and grid galleries and simple images in post with a caption.

Note: Pin It buttons will not work for simple images without captions due to Wordpress core limitations.

Changelog

v2.0.2

Release date: July 26, 2016

Improvements:

- Updated: Dependent Libraries

Modified Files:

/lib/kirki/
style.css

v2.0.1

Release date: July 13, 2016

Improvements:

- Fixed: Better Parallax Effect
- Fixed: Image Callback for Video Backgrounds on iOS and Android
- Added Support for Vimeo Videos as Video Background
- Included Envato Market for Automatic Theme Updates

Modified Files:

category.php
dist/js/scripts.min.js
home.php
lib/assets.php
lib/init.php
lib/theme-mods.php
page.php
style.css

v2.0.0

Release date: June 23, 2016

New Features:

- One Click Demo Import
- 100+ Live Customization Options
- Homepage Slider with Three Variations
- YouTube Video on Homepage
- Built-in Justified Galleries
- Sticky Post Sidebar
- Post Widget Area
- Post Cover Alignment Options
- Custom Twitter Slider Widget
- Custom Shortcodes
- Paginated Posts
- Fullwidth Template
- Customizable Header
- Logo in Header
- Instagram in Footer
- Navigation in Footer
- Built-in Pinterest Pin It Buttons on Images
- Trending and Related Posts Sliders
- Child Theme

Improvements:

- Responsive Layout
- Parallax Effect
- Post Layout
- Typography
- Sliders
- Updated Dependencies
- Pinterest Share Button
- Square Thumbails Bug Fix

v1.0.0

Release date: March 7, 2016

First Release.

Credits

Libraries

We have used the following open-source projects or other files as listed:

  • jQuery
  • Owl Carousel 2
  • Bootstrap
  • Justified Gallery
  • Magnific Popup
  • ImagesLoaded
  • ImageScale
  • Headroom.js
  • Vide
  • Jarallax

Images

The sample images viewed in the theme preview are for demo purposes only and are not included with your purchase. These images are courtesy of:

Thank You!

We take great pride in creating solid themes and strongly believe in robust customer service practices. Should you have a question that neither this documentation file nor Themeforest's forums can resolve, drop us a line to our support e-mail and we'll do our very best to assist you.

If you like our theme, please take 1 minute to rate it on Themeforest:

  1. Go to Themeforest and login with your credentials.
  2. Hover on your account name in the top right corner of the screen. Click Downloads link and you will see your purchases list.
  3. Click stars next to our theme to leave your rating.

It will help us a lot to keep being motivated to release new theme updates and improvements for free.

If you don't like something, please contact us. We'll always be happy to help you!

Thank you very much for purchasing The Affair.

Take care!