Chroma Theme Documentation

 

View Demo Buy Theme

Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete. We recommend reading through the WordPress documentation for the best results.

5-Minute Installation Guide →

Here are some additional installation articles:

DisclaimerPlease note that we do not give support for any questions related to setting up and maintaining a WordPress install. For any installation issues that may cause your website to malfunction you should refer to the WordPress support forum or your web host.

Theme Installation

To install the theme, unzip the file you’ve downloaded from ThemeForest and use one of the two methods listed below to upload the theme files to WordPress:

  • WordPress Upload: Navigate to Appearance > Themes > Install Themes > Upload. Click browse, select the zipped theme folder and click “Install Now”. The theme will be uploaded and automatically activated.
Please note that you should not upload the zip file you’ve downloaded from ThemeForest as you will get a “broken stylesheet” error. Instead locate the zip file inside the main zip file you have downloaded and extracted.
  • FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp- content/themes/ folder of your WordPress install. Once uploaded, navigate to Appearance > Themes and under the “Available Themes” section, activate FluidApp.

 

Watch the 3-Minute Theme Installation Video

Supported Plugins

This theme supports a variety of the top plugins available to WordPress.

  • This theme is fully compatible with the WooCommerce Plugin. We added CSS styles to fit the design and all required configurations to integrate seamlessly.

    To set up WooCommerce, all you need to do is install the WooCommerce plugin. For more info, check out the WooCommerce documentation using the link below:

    WooCommerce Documentation

  • We have included CSS styles to seamlessly integrate the Contact Form 7 plugin with this theme. Simply install the plugin and start making your forms!

    Contact Form 7 Plugin Page

    Contact Form 7 Documentation

  • The Google Typography plugins allows you to use any Google Font for any text on your existing website without writing a single line of code. Once the plugin is installed, you can access it from the Appearance > Typography settings page.

    Google Typography Plugin Page

Plugin SupportPlease be aware that we do not give support of any kind to third party plugins. If you are having issues with a plugin, please contact the plugin developer.

Page Templates

This theme provides a few basic templates that create a starting point for endless combinations and customization options as well as an extensive home template.

  • This template includes the following page elements:

    • Header
    • Page Header (can be enabled/disabled from the customizer)
    • Footer
  • This template includes the following page elements:

    • Header
    • Coach List
    • Footer
  • This template includes the following page elements:

    • Header
    • Gallery List
    • Footer
  • This template includes the following page elements:

    • Header
    • Slider
    • Album
    • Highlighted Post List
    • Testimonial List
    • Program List
    • Location
    • Footer
    Note: Make sure the “Text” tab in your editor is selected when pasting the code, you may switch back to “Visual” once pasted.
  • This template includes the following page elements:

    • Header
    • Program List
    • Footer

Setting up homepage slider

After you’ve added slides to your slider type and configured their settings you will want to add them to a page.

See more information about adding your slides to a slider type:

Setting up your Elastic Slider

Setting up your Slit Slider

To do this you’ll need to create a page and then add the slider shortcode to it.

Edit your page and select the slider type from the shortcode box on the right configure your setting and them click insert shortcode. The shortcode will them appear in the editor on your page.

Smiley face

Next  select the ‘Fullscreen’ Page template from the Page attributes box on the right:

Smiley face

Portfolio

Display your best work whether it be audio, video, galleries, or even individual photos.

 

  • Often your work lives on a different site, or is another site — use this option to link this portfolio item to an external page, rather than an internal page within your site..

Importing Demo Content

Below explanation is an step by step explanation on how to import our demo website content, please read carefully and if you face any problems that is not covered here, open a thread in our support forum.

Download Demo Content

Before You Import Demo ContentPlease ensure you’ve installed the T2T Toolkit plugin before importing the Demo XML!
  • Login into your WordPress Admin area
  • Navigate to Tools -> Import in the blog’s admin panels.
  • Click on the WordPress option and follow the instructions if Import plugin isn’t installed yet (3.0+).
  • Download and unzip the demo content using the button above.
  • You will first be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  • WordPress will then import each of the posts, page, custom post types, comments, and categories contained in this file into your blog.
  • After this, you will also need to update the Menus by going to Appearance > Menus. Locate the Theme Locations box and select from the drop-down “Main Navigation”. Click the Save button under it to save the changes.
  • Done! You should now have the dummy/demo content similar from the Live Preview of the theme.

Setup Your Homepage

Once the theme is installed, you can setup your homepage by navigating to your WordPress admin panel and creating a new page entitled “Home”.

To ensure your homepage is shown as your front page, navigate to Settings > Reading and select the option “A static page (select below)” then select the Home from the “Front page:” dropdown.

Screen Shot 2013-09-21 at 1.49.55 PM

Setup Your Blog

To setup your blog, simply create a new page in your WordPress admin named Blog. Next, navigate to Settings > Reading and under the Front page displays > Posts page option, select the newly created Blog page.

Screen Shot 2013-09-21 at 1.59.40 PM

 

Helpful TipYou may also use the Post List shortcode in any page to create your blog.

Page Templates

This theme provides two basic templates that create a starting point for endless combination and customization options. The three templates are listed below:

  • This template includes the following page elements:

    • Header
    • Page Header (can be enabled/disabled from the customizer)
    • Footer
  • This template includes the following page elements:

    • Header
    • Footer
    We recommend using this template for your homepage with the Slit Slider or Elastic Slider shortcodes.

Pre-built Page Layouts

If you’d rather not import all of the Demo content, you can grab the shortcodes for layouts seen in the theme demo below. Simply click to expand a box below and copy & paste the code into a new page in your WordPress site.

Note: Make sure the “Text” tab in your editor is selected when pasting the code, you may switch back to “Visual” once pasted.

Translating The Theme

This theme uses WordPress localization to its fullest, meaning that this theme supports any language you’d like it to — assuming of course that your font choice supports the language you select.

In the main theme folder there is an included a .pot file for use when translating this theme into another language. You need an application name “PoEdit” that you can download it for free here, http://www.poedit.net/.

Once you’ve downloaded and installed it. Open file /languages/en_US.po with PoEdit then translate it to your language of choice. You will need to upload all the files in the /languages folder to your server once you finished translating.

Updating Your Theme

New theme versions may be released from time to time. These updates often provide bug fixes, add new features to the theme, and are needed in order to ensure theme compatibility with the latest WordPress version. The two easiest ways to update your theme are:

Before updating the theme, check for updates to the T2T Toolkit plugin. You can so this by navigating to the Plugins page of your WordPress admin panel and clicking the following link:

Screen Shot 2013-11-02 at 2.35.37 PM

Update In Your WordPress Admin Panel

  • For this method you should will need to first install the Easy Theme and Plugin Upgrades plugin.
  • Download the latest version of the theme from your ThemeForest account and locate the theme zip folder (as you did in the theme installation section).
  • Log into your WordPress Dashboard.
  • Navigate to Appearance > Themes.
  • Click on “Install Themes” tab, then click the “Upload” link.
  • Click “Browse…” and locate the new theme zip file.
  • In the “Upgrade existing theme?” option choose “Yes” from the dropdown list.
  • Click “Install Now”.
  • Click “Activate”.

Update Manually Using FTP

  • Download the latest version of the theme from your ThemeForest account and locate the theme zip folder (as you did in the theme installation section).
  • Install/open an FTP program of your choice.
  • Login to your website using your FTP information.
  • Unzip the theme zip folder (within the main zip folder).
  • Upload the non-zipped theme folder into the /wp- content/themes/ folder of your WordPress install.
  • If your FTP program warns that there is an existing folder with the same name, choose replace all files.

Page Options

When creating a page, there are several options available to customize the look and layout the the page.

Screen Shot 2013-10-17 at 2.14.37 PM

  • This option simply allows you to include sidebars, or not, which can be populated with widgets. Often time widgets provide functionality that available shortcodes don’t, but for the most part sidebars aren’t necessary.

    • No Sidebar: This layout is an empty container, with no sidebars.
    • Left Sidebar: Places a sidebar on the left side of the page. Widgets for this sidebar can be provided using the “Page Sidebar”.
    • Right Sidebar: Places a sidebar on the right side of the page. Widgets for this sidebar are also provided using the “Page Sidebar”.

Using The Customizer

Chroma includes extensive customizer options using the real-time WordPress Customizer panel. To access the theme customizer navigate to Appearance > Customize.

Highlighted below are the sections of the customizer for chroma-specific customization options:

Screen Shot 2013-10-17 at 1.48.05 PM

  • Theme options contains general options for customizing various features in Chroma.

    • Logo Height - The height of the logo area (in pixels) in the header of the theme.
    • Full Width Column Width – The width of the site when using a fixed width.
    • Logo Upload - The logo image that will appear in the header.
    • Retina Logo Upload – The retina (2x) version of your logo. This is optional.
    • Favicon Upload  – Upload a custom favicon icon that will appear next to your URL in web browsers.
    • Hide sidebar on photo page? - If checked, the collapsable sidebar on the photo page will default to hidden.
    • Disable Social Sharing? – If checked, the social icons will not appear on the photo page.
    • Always show footer? – If checked, the footer will always be visible, rather than required a click to expand.
    • Disable Right Clicking - If checked, people visiting your site will not be able to right click on your photos.
    • Custom CSS - Add any custom css to your theme. This will be included in the HEAD section of every page.
    • Custom JS - Add any custom js to your theme. This will be included in the HEAD section of every page.
    • Analytics Code - Add your custom analytics embed code (be sure to include any script tags with your embed code)
    • Copyright – Override the default copyright text that appears in the footer.
  • Theme backgrounds contain several key areas of the theme where you can customize the background style.

    • Page Header Background – The Page Header Background appears on all Sub-pages of Chroma and specifically on the Default page template.
    • Page Header Background Repeat – How to repeat the header background image.
    • Page Header Background Color - If you choose not to upload a background image, you can optionally choose a solid color for your background.
    • Page Background - This is the background that appears behind all page content in the theme between the header and footer area.
    • Page Background Repeat – How to repeat the page background image.
    • Page Background Color - If you choose not to upload a background image, you can optionally choose a solid color for your background.
    • Footer Background - The background for the footer/widgets area.
    • Footer Background Repeat – How to repeat the footer background image.
    • Footer Background Color - If you choose not to upload a background image, you can optionally choose a solid color for your background.
  • Theme Colors contain a selection of color pickers used to change the text/background colors used for almost every element within Chroma. Whenever you change a color, the demo on the right will refresh in realtime showing your change.

  • Theme Social Options contain a list of social website you can add your URLs for. These icons appear in the right side menu in the theme.

Available Shortcodes

Chroma ships with the following shortcodes.

    • Album: Album to display photo for.
    • Layout Style: Which layout to display the images in.
    • Number of Images: How many of the images to show.
    • Number of Images Per Row: How many images should be shown per row.

    View Example I →

    View Example II →

    • Number of Albums: How many albums to show.
    • Number of Albums Per Row: How many albums should be shown per row.
    • Album Description Length: How much of the description (content) to show before truncating.
    • Category: Only show albums tagged with this category.
    • Thumbnail Hover Style: Choose from predefined hover styles.
    • Show Category Filter: Whether or not to show the category filters on top of the albums.

    View Example I →

    View Example II →

    • Title: Will show up ontop of the message provided in content.
    • Content: The text to show up in the alert.
    • Color: Color of the alert.
    • Icon: An icon to display along side the alert.

    View Examples →

    • Audio URL: URL of the audio to display.

    View Examples →

    • Before Photo: Photo to display on the left, before modifications were made.
    • After Photo: Photo to display on the right, after modifications were made.
    • Offset: Where to start the sliding bar.

    View Examples →

    • Style: Visual style to apply to the blockquote.
    • Content: The quote.
    • Site: Who/where did this quote come from.

    View Examples →

    • Button Text: Text to appear on the button.
    • URL: The URL to send the user to after clicking the button.
    • Target: Sets the target html element.
    • Icon: Icon to appear on the button.
    • Button Color: Color of the button.
    • Text Color: Color of the text on the button.
    • Size: Size of the button.
    • Button Style: Select a predefined style of this button.

    View Examples →

    • Background Image: An image to use as the background of the callout banner.
    • Text Color: Color of the text provided in the content.
    • Background Color: Background color to use instead of the above Background imag
    • Content: Text to display within the banner.

    View Examples →

    • Image: An image to show up at the top of your box.
    • Title: Title for the callout box.
    • Content: Main text of the callout.

    View Examples →

    • Size: Size of the column, as a fraction.
    • Last Column: Is this the last column in the row?
    • Content: Main content of the column.

    View Examples →

    • Style: Predefined style for the dropcap.
    • Letter: Which letter will go within the dropcap.
    • Text Color: Text color of the dropcap.
    • Background Color: Background color of the dropcap.

    View Examples →

    • Number of Slides: How many slides to show in the slider.
    • Slider Width: Width of the slider.
    • Slider Height: Height of the slider in pixels.
    • Enable Auto Play: Automatically slide through the slider.
    • Autoplay Duration: Duration between auto play in seconds.
    • Controls Color: Dark or light controls (arrows).

    View Examples →

    • Number of Slides: How many slides to show in the slider.
    • Slide Effect: Visual effect applied to the slide transition.
    • Slider Width: Width of the slider.
    • Enable Auto Play: Automatically slide through the slider.
    • Autoplay Duration: Duration between auto play in seconds.
    • Background Color: Color of the highlight, or background of the highlighted text.
    • Text Color: Color of the text displayed within the highlight
    • Content: The text highlight.

    View Examples →

    • Icon: Which icon to display.
    • Size: The size of the icon.
    • Color: Color of the icon.

    View Examples →

    • Photo: Photo to magnify.
    • Lens Size: How large to make the magnifying glass.

    View Examples →

    • Address: Photo to magnify.
    • Zoom: Zoom level of the map.
    • Map Type: Type of map to display, standard, satellite, etc.
    • Map Height: Height of the map in pixels.

    View Examples →

    • Content: Text that will go inside the page section.
    • Background Image: Background image to be used.
    • Background Color: If no Background Image is set, this color will replace it as the background.
    • Background Style: Style of the background, parralax, tile, etc.

    View Examples →

    • Photo: The photo to frame.
    • Frame Style: Predefined styles for te border, rounded, outline, etc.
    • Caption Title: Title of the image.
    • Caption Description: Caption of the image.

    View Examples →

    • Photos: The photos to use for the photo grid. Accepts 3 to 6 photos.

    View Examples →

    • Photo: Photo to cut into strips.
    • Number of Strips: How many strips to cut the image into.
    • Space Between Strips: How many pixels to put between each strip.
    • Space Above/Below Strips: Number of pixels at the top and bottom of every other strip.

    View Examples →

    • Title: A title to go above the chart.
    • Legend Style: What type of data will be displayed, Percentage, Icon, etc.
    • Line Width: How thick to make the line that creates the chart.
    • Bar Color: Color of the line that makes up the chart.
    • Background Color: Color of the line that represents the unaccounted for portion of the chart.
    • Percentage: Value of the chart, 0 to 100.

    View Examples →

    • Layout: How you would like the list laid out, grid, masonry.
    • Number of Posts: How many posts should be shown.
    • Number of Posts Per Row: How many posts per row when listed.
    • Post Description length: How much of the description (content) to show before truncating.

    View Example I →

    View Example II →

    View Example III →

    View Example IV →

    • Title: A title that will be displayed at the top of the pricing box.
    • Price: The price shown below the title.
    • Features: The main content area for the pricing box.
    • Title Color: Color of the pricing box title.
    • Text Color: Text color for the main content area.
    • Accent Color: The top color of the pricing box color (behind the title and price).
    • Box Background Color: The color behind the main content of the pricing box.

    View Example IV →

    • Title: A title to go above the chart.
    • Bar Color: Color of the line that makes up the chart.
    • Background Color: Color of the line that represents the unaccounted for portion of the chart.
    • Percentage: Value of the chart, 0 to 100.

    View Example IV →

    • Style: Predefined options for basic style of the title.
    • Border Color: Color of the line that separates the title from the content.
    • Title: Text that appears on the separator.
    • Top Margin: Margin on top of the section.
    • Bottom Margin: Margin on bottom of the section.

    View Example IV →

    • Service: Which service to display.
    • Service Description Length: How much of the description (content) to show before truncating.
    • Number of Services: Which service to display.
    • Number of Services Per Row: How many services to show per row.
    • Layout Style: Predefined layouts for the services.
    • Category: Only show services tagged with this category.
    • Icon Color: Color of the Icon (only shown if a featured image is not provided).
    • Icon Size: Size of the icon representing this service.
    • Title Color: Color of the title text.
    • Title Hover Color: Color of the title text when the cursor is over it.
    • Description Color: Color of the description text.
    • Service Description Length: How much of the description (content) to show before truncating.

    View Example I →

    View Example II →

    View Example III →

    • Number of Slides: How many slides to show in the slider.
    • Slider Width: Width of the slider.
    • Slider Height: Height of the slider in pixels.
    • Enable Auto Play: Automatically slide through the slider.
    • Autoplay Duration: Duration between auto play in seconds.
    • Controls Color: Dark or light controls (arrows).

    View Examples →

    • Number of Testimonials: How many testimonials to show.
    • Number of Testimonials Per Row: How many testimonials to show on each row.
    • Testimonial Description Length: How much of the description (content) to show before truncating.

    View Examples →

    • Title: Appears in the ‘header’ of the toggle box, is always visible.
    • Opened: Open the toggle box by default?
    • Content: Content to go inside the toggle when expanded.

    View Examples →

    • Title: Text to show that is hoverable.
    • Content: Text that appears on hover of Title.

    View Examples →

    • Video URL: URL of the video to display.

    View Examples →

Using Shortcodes

1 For post types that support shortcodes the meta box below will display in the upper right of the add/edit post page. All supported shortcodes reside in this drop down.

shortcode-options

2 Using the shortcodes is easy, simply select the shortcode you’d like to insert from the drop down and the appropriate fields will display for you to provide the data required by the shortcode.

shortcode-dropdown

3 Fill in the fields, and click “Insert Shortcode” and your shortcode is added to the post content area wherever your cursor is currently positioned.

shortcode-form

Keep in mind that shortcodes are, for lack of better terms, code. When a shortcode is inserted into your editor, it will not appear as a visual element, rather text resembling code that holds the attributes of the shortcode.

Using Widgets

WordPress Widgets add content and features to your Sidebars and Footer. Default widgets that come with WordPress include; post categories, tag clouds, navigation, search, etc. Widgets can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets page.

  • Navigate to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar area where you’d like it to appear.
  • Once you dropped the widget to widget areas, WordPress automatically updates the Theme and it will appear in its respective area.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget’s interface.
  • To save the Widget’s customization, click Save.
  • To remove the Widget, click Remove or Delete.

Albums

Adding photos to your albums is easy, simply click the “Add Photos” button to open the WordPress Media Library. From here you can upload new photos, or select photos that you have previously uploaded. When added, thumbnails of each photo you selected will appear below the “Add Photos” button.

post-type-album-metabox-photos.png

This theme allows for more than just displaying photos in a grid. The Album Options meta box provides various options that allow you to control just how your albums appears, as well as how the photos appear when clicked by a visitor.

album_meta

  • This determines how the photos of the album are displayed on the screen.

    • Grid: Standard grid layout
    • Grid (Full Width): Similar to the standard grid but fills the width of the screen, and removes the padding between each photo giving the album more of a quilt feel.
    • Masonry: Selects a random height for each photo and displays the gallery in a unique masonry format. Each time the page is loaded the heights of each image change.
    • Masonry (Full Width): Similar to the masonry layout but fills the width of the screen and removes the padding between each photo.
  • This option allows you to change how many photos render per row when displaying the album. This provides the ability to make every album unique, because the basic design of the album changes slightly depending on how many photos are displayed per row. This theme supports anything from 1 to 4 photos per row.

    This option is only available when the “Grid” or “Masonry” option is selected for “Layout Style”.
  • This option allows you to turn comments for this album on or off. Often times you welcome feedback on photos, but there are times where you’d rather just display the photos without input from others.

  • This option, if enabled, will include Exit data on the page that displays your photo.

  • This option, if enabled, will include a button that allows your users to download the image.

In addition to the options above, you can use the “Featured Image” for this post to use for the “cover photo” for the album. If no image is provided here, each time the album is displayed a random photo from the album will be displayed.

Services

The services you offer are unique to you. The following options not only allow you to display the services you offer on your website, they provide a way for your personality to shine through.

post-type-service-metabox

  • This allows you to provide this service a custom icon, or logo. When this service is displayed throughout your site, it will be accompanied by this icon.

  • When a new service is created, it is assigned a URL by WordPress, and is styled by this theme. If this option is left empty visitors will be linked to that page. If you’d rather link your visitors to a different page, or even a different website entirely, you can do so by providing the URL here.

    Per usual, it is best practice to provide the entire URL including “http://”, example: http://google.com

Testimonials

Testimonials are a great way to build trust with your visitors. Personal reviews are one of the number one reasons people work with those that they do, and/or buy the things they buy. This theme allows you to capture and display those testimonials, including photos of the individuals that provided them.

post-type-testimonial-metabox

  • Often times those who provide testimonials have websites of their own — sometimes their website is the service you’ve provided to them! Providing a URL here will turn their testimonial into a link when displayed on your site, sending your visitors to the URL when clicked.

In addition to the options above, you can use the “Featured Image” for this post to display a photo of the individual this testimonial is from, a great touch to any testimonial!

Slit Slider

Setting up your Slit Slider

To add a Slit Slider to a page the first thing you’ll need to do is add slides. To do this, click on the “Slit Slider” tab in your WP dashboard where you’ll see all slides that have been created. In order to create a new slide, click on “Add New Slide”.

Slide Options

slit_slider_key

1. Title

The title of the slide appears in larger font, at the top of the slide.

2. Content

Also referred to as description, this content appears under the title, in a slightly smaller font.

3. Categories

Categories allow you to group slides together. When using the Slit Slider shortcode you can use the Category option to only display slides from a particular category.

4. Featured Image

This is the image that appears as the background of your slide.

Additional Options

The Slit Slider provides a new way of thinking about slides. Rather than sliding, fading, or flipping, the slides of the Slit Slider appear from behind the current slide, as the current slide slits away. This theme allows for customizing many of the slider options, options described below.

slitslider_meta

  • Often time you’ll want to include a title for the purposes of organizing your admin area, but prefer that the title not be shown on the slide. If this option is set to yes, the title will be shown on the slide, if set to no, it will be ignored.
  • Controls the alignment of this slide to better control the contents of the slide over its respected background image.
  • Determines the orientation of the slit when exposing this slide.

    - Horizontal: Slices horizontally, causing the slices to go up and down.
    - Vertical: Slices Vertically, causing the slices to go left and right.

  • Slice 1 will be the left or top slice depending on your selected orientation. This option determines the angle that the slice appears at and is provided in degrees. This option supports values from -90 to 90.
  • Slice 1 will be the left or top slice depending on your selected orientation. This option determines what factor the slice should scale.
  • Slice 2 will be the right or bottom slice depending on your selected orientation. This option determines the angle that the slice appears at and is provided in degrees. This option supports values from -90 to 90.
  • Slice 2 will be the right or bottom slice depending on your selected orientation. This option determines what factor the slice should scale.
  • Controls the color of the text entered into the title of this slide.
  • Controls the color of the text entered into the content area of this slide.
  • Select an option from this drop down will add a button to the slide that will link to the post selected. Once a post is selected a few other options become available that allow you to customize the button that appears.

    Posts include the custom post types that come with this theme as well, you’ll notice the drop down is grouped by post type.

  • Controls the text that appears on the button, defaults to “View [post_type]“. For example, if you select an album, and do not provide your own button text, the button will display “View Album”.
  • Controls the background color of the button added to the slide.

Elastic Slider

Setting up your Elastic Slider

To add a Elastic Slider to a page the first thing you’ll need to do is add slides. To do this, click on the “Elastic Slider” tab in your WP dashboard where you’ll see all slides that have been created. In order to create a new slide, click on “Add New Slide”.

Slide Options

elastic_slider_key

1. Title

The title of the slide appears in larger font, at the top of the slide.

2. Content

Also referred to as description, this content appears under the title, in a slightly smaller font.

3. Categories

Categories allow you to group slides together. When using the Elastic Slider shortcode you can use the Category option to only display slides from a particular category.

4. Featured Image

This is the image that appears as the background of your slide.

Additional Options

The Elastic Slider is a beautifully unique slider. The slider offers many great features, including the fact that it is responsive out of the box. This theme allows for customizing the most common options, options described below.

elasticslider_meta
  • Often time you’ll want to include a title for the purposes of organizing your admin area, but prefer that the title not be shown on the slide. If this option is set to yes, the title will be shown on the slide, if set to no, it will be ignored.
  • Controls the alignment of this slide to better control the contents of the slide over its respected background image.
  • Controls the color of the text entered into the title of this slide.
  • Controls the color of the text entered into the content area of this slide.
  • Select an option from this drop down will add a button to the slide that will link to the post selected. Once a post is selected a few other options become available that allow you to customize the button that appears.

    Posts include the custom post types that come with this theme as well, you’ll notice the drop down is grouped by post type.

  • Controls the text that appears on the button, defaults to “View [post_type]“. For example, if you select an album, and do not provide your own button text, the button will display “View Album”.
  • Controls the background color of the button added to the slide.

Supported Plugins

This theme supports a variety of the top plugins available to WordPress.

  • This theme is fully compatible with the WooCommerce Plugin. We added CSS styles to fit the design and all required configurations to integrate seamlessly.

    To set up WooCommerce, all you need to do is install the WooCommerce plugin. For more info, check out the WooCommerce documentation using the link below:

    WooCommerce Documentation

  • We have included CSS styles to seamlessly integrate the Contact Form 7 plugin with this theme. Simply install the plugin and start making your forms!

    Contact Form 7 Plugin Page

    Contact Form 7 Documentation

  • The Google Typography plugins allows you to use any Google Font for any text on your existing website without writing a single line of code. Once the plugin is installed, you can access it from the Appearance > Typography settings page.

    Google Typography Plugin Page

Plugin SupportPlease be aware that we do not give support of any kind to third party plugins. If you are having issues with a plugin, please contact the plugin developer.

Using A Custom Gravatar

This theme offers support for a custom Gravatar image. To replace the default Gravatar, create a custom image called gravatar.png and upload it to the theme /images/ folder. Once uploaded, select the new Gravatar from the “Discussion” options which can be found under Settings > Discussion.

Screen Shot 2013-09-20 at 11.55.41 PM

Troubleshooting

This theme includes advanced troubleshooting features to help resolve any issues quickly and easily. If you are having trouble, follow the steps below:

  • Ensure you are running a fully functioning WordPress installation. For any installation issues that may cause your website or our theme malfunction you should refer to the WordPress support forum or your web host.
  • Read and search this documentation thoroughly for setting up and configuring all aspects of the theme.
  • Browse our FAQ’s page for answers to commonly asked questions.
  • If your issue is still no resolved after trying all of the above steps, proceed to the steps below to contact our support team.


Contacting Our Support Team

  • Before contacting support, navigate to your WordPress Admin Panel > Tools > Troubleshooting page.
  • Click the “Copy To Clipboard” button
    Screen Shot 2013-09-21 at 2.36.29 PM
  • Then click the “Help Desk” link and proceed to register for a support account.
  • Next, proceed to create a new support ticket, detailing the issue you are experiencing. At the end of your message paste the contents of your clipboard into the text field using CMD+V (Mac), CTRL+V (Windows), or Right-Click and select “Paste”.
  • Once your support request is submitted, please allow 6 to 12 hours for a response. * Response times may be longer on weekends and holidays.

Changelog

6 February 2014 – Version 2.1.0

  • Updated Homepage templates
  • Slider Height adjustments
  • Added responsive styles for horizontal navigation
  • Added ability to control links that appear for images within an album
  • Various bug fixes

17 January 2014 – Version 2.0.0

  • Added new page templates
  • Added thumbnail facial recognition
  • Added horizontal navigation option
  • Added optimizations to decrease page load times
  • Added optimizations to decrease admin panel load times
  • Added audio and video shortcodes
  • Added support for WordPress 3.8
  • Various bug fixes

30 October 2013 – Version 1.1.0

  • Added Portfolio with video support
  • Added EXIF data display support
  • Added Flexslider with Crossfade ‘fading’ Transition
  • Added ability to manually edit Copyright
  • Added custom buttons to slider (allowing you to link to any album, post or page you want!)
  • Added title and description support to lightbox
  • Added option to hide/show title of slide
  • Added ‘back to top’ button
  • Added Hide/Show footer
  • Enhanced hover effects on galleries to feature options to view in lightbox and/or page
  • Added post pagination
  • Added ‘Download this image’ button option (Set this option on individual albums)
  • Various minor bug fixes