Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to visit the MVP Themes Support Center here. Thanks so much!

Installation

  1. Make sure that you have the latest version of Wordpress installed.
  2. You can upload ZoxPress to Wordpress in one of two different ways:
    • Extract the zoxpress.zip and upload the extracted zoxpress folder to the /wp-content/themes/ directory on your FTP server.
    • OR go to Appearance > Themes, then:
      1. Click the Add New button at the top.
      2. Click the Upload Theme button at the top.
      3. Click Choose File and select the zoxpress.zip file.
      4. Click Install Now.
      5. Once it is finished installing, click on the Activate link.
  3. After you upload the theme, activate it by going to Appearance > Themes and place your mouse over ZoxPress and click the Activate button underneath.

Importing Demo Data

After installing the theme, you can do one of two things: 1) Import the demo data, or 2) follow the instructions to set up the theme with the existing posts/data you have on your site.

Importing the Demo Data
  1. When you activate the theme, you will see a notification at the top of your WordPress Dashboard prompting you to install plugins that are included with the theme. Click the Begin installing plugins link within the notification.
  2. Click the check box next to the ZoxPress Plugin and One Click Demo Import plugins, as well as any of the other plugins you plan to use, then within the Bulk Actions dropdown menu, select Install, then click the Apply button. Your plugins should now be installed and activated.
  3. Go to Appearance > Import Demo Data and click the Import Demo Data button.

NOTE: The XML data does not come with the images from the demo, which are not licensed to be included in the theme file. But the XML Data does come with dummy images in their place.

Without Demo Data

If you already have content on your site and do not want to install the demo data that comes with the theme, follow these instructions to properly set up the theme.

  1. When you activate the theme, you will see a notification at the top of your WordPress Dashboard prompting you to install plugins that are included with the theme. Click the Begin installing plugins link within the notification.
  2. Click the check box next to the ZoxPress Plugin as well as any of the other plugins you plan to use, then within the Bulk Actions dropdown menu, select Install, then click the Apply button. Your plugins should now be installed and activated.
  3. Go to Pages > Add New. Enter Home as the title and in the Page Attributes section, select Home from the Templates dropdown menu on the right. Click Publish.
  4. Go to Settings > Reading and select the A static page radio button and in the Front Page: dropdown menu, select Home. Click Save Changes.
  5. To set up the Featured Posts section of your homepage, go to ZoxPress Options > Homepage Settings and select a Featured Posts Layout, and assign a Featured Posts Tag that you want to use for your Featured Posts. Posts with this Tag will be displayed in the Featured Posts at the top of the homepage.
  6. To set up the Widgets on your homepage, you can go to Appearance > Widgets and add any widgets to the Homepage Widget Area. You can view the widget layout from the demo in the Widgets section of this documentation as well as more information about how to utilize the other widgetized areas.
  7. To set up your menus, please refer to the Custom Menus section of this documentation.

Updating The Theme

From time to time, a theme update will be released that either fixes a bug and/or adds new features to the theme. It is recommended that you install the Envato Market Plugin so you can easily install theme updates directly from your WordPress Dashboard with one click. However, there are two other ways you can update the theme:

  1. Remove the old version of the theme by going to Appearance > Themes and activating another theme (you may want to place your site in Maintenance mode via a plugin). Then, hover your mouse over the ZoxPress theme image and click Theme Details. Then click delete in the lower right corner of the window that appears. Then, follow the installation instructions above to install the new version of the theme.
  2. OR you can upload the new /zoxpress folder (located in the zoxpress.zip file) via FTP and overwrite the old files.

NOTE: Updating the theme will overwrite any changes you made to any of the core files (index.php, style.css, header.php, etc), however, you will not lose any changes you made to the Theme Options, menus, widgets, etc.

Also, make sure to go to your Theme Options and click "Save all changes" after each time you update the theme to make sure any new options are generated properly.

Theme Options

ZoxPress comes with custom Theme Options to allow you to set up many of the theme features without touching the code. To edit the Theme Options, go to Appearance > ZoxPress Options or hover over the ZoxPress Options link in the top WordPress Toolbar in order to be taken directly to a specific section of the Theme Options.

NOTE: Please click "Save All Changes" in the General Settings section once before you begin in order to register the default theme settings.

General Settings

Here, you will be able to set the Skin of the theme and set many of the settings that affect the entire site.

  • Pre-Set Theme Skin - Select the pre-set theme skin that will overwrite all other custom style settings. The Pre-Set Skin will overwrite many of the custom settings like colors, fonts, and other settings, so if you would like to modify any of those settings, you will need to select the Custom setting.
  • Content Layout - Select between Full-Width and Boxed for the layout of your site. If you select Boxed, you will need to also set a Content Width, which will set the maximum width of the content area of your site.
  • Content Width - If you have selecte the Boxed layout, set the width of the content area, in pixels.
  • Right Sidebar Width - Set the width of the right sidebar throughout the site.
  • Toggle Responsive Layout - Toggle on/off responsive feature that alters the site based on the device it is being viewed on. By disabling this, visitors will see the desktop version of the site no matter what device they are viewing.
  • Toggle Infinite Scroll - Toggle on/off the Infinite Scroll feature on the homepage and archive pages.
  • Enable RTL - Toggle on/off RTL stylesheet.
  • Custom CSS - Here you can enter any custom CSS code for the theme, which will overwrite any other CSS code. You will not lose any of the custom CSS in this field when you upgrade the theme to a newer version.

Colors

Here, you can select the colors for each of the various components of the theme, including primary color, secondary color, links, backgrounds, navigation, and so much more.

Typography

Here, you can select the various fonts, weights (thickness of the font), and text variations for the text used in the theme. You can select from over 900 Google Fonts. You can browse the list of Google Fonts here. You can also select up to 9 different font weights for each font (depending on how many weights are available for the font). Then, you can select a text variation to Capitalize (which capitalizes the first letter of each word), Uppercase (which sets every letter to uppercase), Lowercase (which sets every letter to lowercase), or none (which will display the word as it was typed without any extra variation). If a Google Font is not available in the dropdown menu, please submit a ticket at the Support Center and I will make sure to add it for you.

Header Settings

  • Header Layout - Select whether you want the header items to span the full width of the browser, or set with a specific content width. If you select Boxed, you will need to also set a Header Width, which will set the maximum width of the content area of your site.
  • Header Width - If you have selected the Content Width layout, set the width of the navigation, in pixels.
  • Sticky Navigation - Select whether you want the navigation to stick to the top of the site as you scroll, and if so, you can choose between having the navigation stick all the time, or only when you scroll back up.
  • Main Logo - Upload your main logo file. The recommended maximum dimensions for this logo are 600px wide, but it can be any height.
  • Small Logo - Upload a logo file that will appear in your navigation and on mobile devices. The recommended maximum dimensions for this logo are 200x50.
  • Small Logo Width - If you are utilizing the Google AMP feature, you will need to make sure your navigation logo height is 50px and then select the width of your logo file here.
  • Toggle Top Navigation - Toggle On/Off if you would like to utilize the top navigation where you can display a large logo, social sharing buttons, a secondary menu, a shopping cart (if you are using Woocommerce), or a place to insert your own HTML. NOTE: If you choose to use a secondary menu in the Top Navigation, the Large Logo feature will be disabled.
  • Toggle Large Logo - Toggle on/off the large logo in the top navigation.
  • Top Navigation Height - Set the height of the top navigation, in pixels.
  • Top Navigation Font Size - If you are utilizing the secondary menu option in the Top Navigation, set the font size of the Top Navigation Menu, in pixels.
  • Top Navigation Left - Select to display a logo, social media links, a shopping cart icon, HTML, or a secondary menu in the left part of the Top Navigation. If you choose to display a secondary menu, the large logo will not be available in the Top Navigation.
  • Top Navigation Right - Select to display social media links, a shopping cart icon, HTML, or a secondary menu in the right part of the Top Navigation. If you choose to display a secondary menu, the large logo will not be available in the Top Navigation.
  • Top Navigation Social Buttons - If you have chosen to display social media buttons in your top navigation, select up to four (4) social media sites to display there. Go to the Social Media Settings section of the Theme Options to enter your the URLs to your social media sites.
  • Bottom Navigation Height - Set the height of the top navigation, in pixels. NOTE: If you choose to enable the sticky navigation feature, the Bottom Navigation will default to 60px in height while scrolling and also on all mobile devices, regardless of what you have it set here.
  • Bottom Navigation Font Size - Set the font size of the bottom navigation menu, in pixels.
  • Bottom Navigation Center - Select to display a logo, the main menu, or nothing in the center section of the Bottom Navigation.
  • Main Menu Alignment - Select whether to justify the main menu to the left, center, or right within the Bottom Navigation.
  • Mobile Menu Button Visibility - Select whether to display the mobile fly-out menu and hamburger menu on all devices (including desktop), or only on mobile devices.
  • Small Logo Visibility - Select whether to display the small logo only when you are scrolling, or always in the Bottom Navigation.
  • Bottom Navigation Border - Select whether you want to display a gray border above, below (or both) the bottom navigation, typically if you are using a white bottom navigation color.
  • Bottom Navigation Shadow - Select whether you want to display a shadow below the bottom navigation, or only when the nav is sticky when scrolling.
  • Toggle Megamenus - Toggle On/Off the Megamenu feature where if you mouse over any category items within the main menu, a dropdown menu with the 5 most recent posts in that category will appear.
  • Toggle Transparent Bottom Navigation - If you are using a full-width Featured Posts layout, you can enable the Transparent Navigation feature that will overlay the menu on top of the Featured Posts section with a transparent background. The menu text will automatically be white if you select this option, but will be whatever color you set it when you mouse over or scroll down (if you have enabled the sticky navigation feature).
  • Transparent Bottom Navigation Logo - Upload your logo file for the transparent bottom navigation. The recommended maximum dimensions for this logo are 200x50. This logo will be used in place of the Small Logo when the menu is transparent.

Homepage Settings

  • Featured Posts Layout - Select a layout for the Featured Posts section on the homepage.
  • Featured Posts Tag - Enter the Tag you want associated with the Featured Posts section. Posts with this Tag will be displayed in the Featured Posts Section at the top of the homepage.
  • Homepage Body Layout - Select whether to display the Homepage Widget section on your homepage, the Blog section that displays a list of your most recently published posts, or both the Widgets section and the Blog section below it.
  • Homepage Blog Layout - Select whether to display your blog posts in rows, or in 3 or 4 grid columns.
  • Homepage Right Sidebar - Select whether to make the right sidebar span the height of the entire content of the homepage (Full), only beside the Widgets and Blog area, or only beside the Blog area.
  • Number of Posts Per Page - Set the number of posts per page that you want displayed on the Homepage Blog and the Latest News Template.
  • Show/Hide Excerpts - Select whether to show/hide the excerpts throughout the site.
  • Show/Hide Author Name - Select whether to show/hide the author name throughout the site, except for the main article page. If you want to remove the Author name on the article page, you can do that from within the Article Settings.
  • Show/Hide Author Name - Select whether to show/hide the publish date throughout the site, except for the main article page.

Style Settings

  • Main Theme Style - Select the style of the main blog posts throughout the site.
  • Standard Featured Post Style - If the Featured Posts layout you have selected uses a typical standard layout with the text below the image, you can select a style of that layout here.
  • Standard Featured Post Style - If the Featured Posts layout you have selected uses an overlay layout with the text laying on top of the image, you can select a style of that layout here.
  • Main Section Header Style - Select the style of the main section headers. You can set the font, weight, and text variation from within the Typography section of the Theme Options. You can also set the main color for the Main Section Headers in the Colors section. This style selection will affect the size and overall look of the header.
  • Sidebar Section Header Style - Select the style of the sidebar section headers. You can set the font, weight, and text variation from within the Typography section of the Theme Options. You can also set the main color for the Sidebar Section Headers in the Colors section. This style selection will affect the size and overall look of the header.
  • Post Section Header Style - Select the style of the section headers within your posts. You can set the font, weight, and text variation from within the Typography section of the Theme Options. You can also set the main color for the Post Section Headers in the Colors section. This style selection will affect the size and overall look of the header.

Article Settings

  • Default Post Template - Select between several default Post Template layout for your articles. This is the universal setting and will be used as the default for new posts as well as any posts that do not have a Post Template assigned in the post individually.
  • Article Content Width - Set the width of the content area of your posts, in pixels.
  • Show/Hide Article Sidebar - Select whether to show/hide the widgetized sidebar in posts.
  • Show/Hide Article Sidebar - Select whether to show/hide the Featured Images and Featured Videos in posts. If this setting is set to Hide, you can still set individual posts to display the Featured Image/Video, which will overwrite this setting.
  • Show/Hide Author Info - Select whether to show/hide the author's name and thumbnail in posts.
  • Post Link Hover Style - Select whether to use the standard solid color style for links within your article pages, or use a more modern colored underline style.
  • Social Sharing Buttons - Select whether to display the default social sharing buttons, and if so, to display the static social buttons within the post header, display the scrolling buttons, or both.
  • Toggle Full-Width Featured Image - Toggle on/off displaying the Featured Image the full width of the screen in posts. Only works with certain Post Templates.
  • Toggle Center Post Header - Toggle on/off centering the post title, excerpt, and post information.
  • Toggle Author Box - Toggle on/off displaying the author info box at the bottom of your posts.
  • More Posts Header - Enter the title of the More Posts section.
  • More Posts - Seelct whether to display a list of Trending Posts or Related Posts in the More Posts section, or to disable it. Related Posts are based Tags in common with other posts, so please make sure you have added Tags to your posts and that you are using similar Tags in several posts in order for Related Posts to be displayed there. You can read below in the Trending Posts Days setting about how Trending Posts are selected.
  • Number of More Posts - Set the number of posts that you want displayed in the More Posts section on your posts.
  • Trending Posts Days - ZoxPress uses a page view function to display the Trending Posts. You can select the number of days to go back and pull posts from. So, if the days are set to 30, posts published in the last 30 days will be used and ordered according to how many page views they have. The post with the most page views during that time will be displayed first, and so on.
  • Disqus Forum Shortname - If you want to use Disqus as your commenting system, you do not need to install the Disqus plugin. All you need to do is enter your Disqus Forum Shortname in order to activate Disqus on your site. This is the unique identifier for your website in Disqus (i.e. yourforumshortname.disqus.com). Only enter the Shortname and not the full URL.
  • Article Inline Ads - Upload the image that will appear in your article content. Use this option if you do not want to use typical ad code and simply want to provide an image and a click-through URL, and/or if you would like to utilize the parallax ad feature. If you would like to utlilze the parallax ad option, the recommended ad image dimensions are 720x1280, or an image with the same aspect ratio (i.e. 360x640).
  • Insert Ad Every X Paragraphs - Set the frequency that the article ads will appear. For example, if you set the number to 4, there will be an ad inserted after every 4th paragraph.
  • Article Inline Ad Click-Through URL - Enter the URL for your article content ad click-through.
  • Toggle Parallax Author Ad - Toggle On/Off the Parallax Inline Ad feature where the content will "reveal" the ad as the user scrolls through the article.
  • Article Inline Ad Code - If you would like to supply you own ad code, enter your ad code (Eg. Google Adsense, Taboola, HTML, or Javascript) for the article ad(s) within the body of articles. This option is not compatible with the parallax ad option and will display a standard static inline ad every X number of paragprahs.
  • Article Bottom Ad Code - Enter your ad code (Eg. Google Adsense, Taboola, HTML, or Javascript) that will appear at the end of the article, after the More Posts section.

Auto Load Posts Settings

ZoxPress comes with a custom Auto Load Posts function that loads the next post as the user scrolls to the bottom of the current post. You also have the option of displaying the current and next posts in the left column that will update as you scroll to the next posts.

  • Toggle Auto Load Posts - Toggle on/off Auto Load Posts feature.
  • Auto Load Posts Sidebar Layout - Select between displaying the latest posts (within the same category as the current post) in the left column, displaying a widgetized sidebar on the right, or not displaying any sidebar at all.
  • Number of Auto Load Posts - Set the maximum number of Auto Load Posts. This number of posts will be loaded in the sidebar when the page loads.
  • Auto Load Posts Sidebar Ad Code - If you are using the Latest option for the Auto Load Posts Sidebar Layout, you can enter your ad code (Eg. Google Adsense) for the ad area in the Auto Load Posts sidebar. The maximum width of this area is 330px, but it can be any height. The area was designed to ideally display 300x250 or 300x500 ads.

Google AMP Settings

ZoxPress is Google AMP ready, so you will be compatible with Google's AMP project that displays a stripped-down version of your posts that load much quicker than the standard site posts. You will need to make sure you have installed the AMP plugin that comes with the theme.

  • Toggle Google AMP on mobile devices - Toggle on/off the Google AMP compatibility with the theme. You will also need to install and activate the AMP plugin that comes with the theme.
  • Facebook App ID - In order to utilize the Google AMP Facebook share button, you must provide a valid Facebook App ID.

Category Settings

To set the number of posts that are displayed on category pages, go to Settings > Reading and change the 'Blog page show at most' number.

  • Featured Posts Layout - Select the layout of your Featured Posts section on your category pages.
  • Archive Blog Layout - Select whether to display your blog posts in rows, or in grid columns of 3 or 4.

Social Media Settings

Here you can enter URLs for several popular social media sites to activate links to each page that will appear in a floating box on the right of the browser window. Simply enter the URL and the link will appear automatically! Please make sure to enter the full URL, including the http:// or https://

Ad Management Settings

  • Toggle Parallax Leaderboard - Toggle on/off the parallax leaderboard feature that makes the content look like it sits on top of the leaderboard ad as the user scrolls down. If this feature is disabled, then the theme will use a traditional static leaderboard feature.
  • Top Leaderboard Pages - Select whether to display the Top Leaderboard Ad Area (that will appear above the navigation) only on the homepage, or on all pages (except for the 404 error page).
  • Bottom Leaderboard Pages - Select whether to display the Bottom Leaderboard Ad Area (that will appear below the navigation) only on the homepage, on all pages (except for the 404 error page), or on all pages except for the homepage.
  • Top Leaderboard Ad Image - Upload the image for your top leaderboard ad. Use this option if you do not want to use typical ad code and simply want to provide an image and a click-through URL.
  • Bottom Leaderboard Ad Image - Upload the image for your bottom leaderboard ad. Use this option if you do not want to use typical ad code and simply want to provide an image and a click-through URL.
  • Top Leaderboard Ad Click-Through URL - Enter the URL for your top leaderboard ad click-through.
  • Bottom Leaderboard Ad Click-Through URL - Enter the URL for your bottom leaderboard ad click-through.
  • Top Leaderboard Ad Code - If you prefer to use traditional ad code for your ads, enter your ad code (Eg. Google Adsense) here. This ad code will be displayed in the leaderboard area above the navigation. You can place any size ad in this section.
  • Bottom Leaderboard Ad Code - If you prefer to use traditional ad code for your ads, enter your ad code (Eg. Google Adsense) here. This ad code will be displayed in the leaderboard area below the navigation. You can place any size ad in this section.
  • Wallpaper Ad Image - Upload your wallpaper image. The recommended width of the wallpaper ad is a minimum of 1400px. The recommended height is a minimum of 600px. NOTE: Due to the nature of wallpaper ads, the content of the site will sit on top of the ad and cover up the middle 1200px of the ad. The only visible area will the the left and right margins of the image which is why the ad should be wider than 1200px.
  • Wallpaper Ad Click-Through URL - Enter the URL that users will be taken to if they click on the Wallpaper Ad.
  • Footer Logo - Upload a logo file that will appear in your footer. There are no maximum recommended dimensions for this logo size.
  • Copyright Text - Here you can enter any text you want (eg. copyright text).

Back-up & Reset

  • Backup Theme Options - Create a backup for your current Theme Options. You can then restore the Theme Options with this save at a later date.
  • Reset Theme Options - Reset your Theme Options to the original settings when you first installed the theme. This will delete any changes you made to the Theme Options since installing the theme.

ZoxPress supports four (4) custom menu sections: a Main Menu that will appear in the bottom section of the main navigation bar that will only be visible on desktop devices, a secondary menu that can be displayed in the top section of the main navigation, a Fly-Out Menu that will slide out from the right and can be used on all devices, and a Footer Menu that will appear at the very bottom of your site.

To set up the menus, go to Appearance > Menus. Here, you can create a new menu by clicking the create a new menu link, give the menu a name, and click Save Menu button. You will then see a Manage Locations tab appear at the top of the screen. Click the Manage Locations tab and then select your newly created menu from the dropdown list of the menu location you would like to set up and click Save Changes. You are now able to create a custom link, page or category and add it to your new menu by clicking the Add to Menu button.

If you would like to add a "Home" button, you can do so by adding a "Custom Links" menu item. Enter the URL of your site as the URL and "Home" as the Link Text.

For more information on how to use the Wordpress custom menu feature, click here.

To utilize the "Megamenu" feature for Category menu items (the Megamenu feature will only work for Categories), do the following:

Widgets

ZoxPress comes with custom widgets for use in six (6) different widget areas: Homepage Widget Area, Homepage Sidebar Widget Area, Default Sidebar Widget Area, Featured Posts Sidebar Widget Area, Post/Page Sidebar Widget Area, and the WooCommerce Sidebar Widget area if you are using the WooCommerce plugin. To activate the widgets, go to Appearance > Widgets and click and drag a widget from the Available Widgets section and drop it into any of the custom widget areas.

Widget Areas:

  • Default Sidebar Widget Area - This is where you can place your widgets that will appear in the sidebar of any page on your site other than the homepage, a post/page, or a Woocommerce page.
  • Homepage Widget Area - This is where you can place your widgets that will appear in the main content area of the homepage.
  • Homepage Sidebar Widget Area - This is where you can place your widgets that will appear in the sidebar of your homepage.
  • Featured Sidebar Widget Area - Some Featured Posts layout will have a widgetized sidebar and this is where you can place your widgets that will appear there.
  • Post/Page Sidebar Widget Area - This is where you can place widgets that will appear in your Posts/Pages.
  • WooCommerce Sidebar Widget Area - If you are using the WooCommerce plugin, this is where you can place the custom WooCommerce widgets that will appear in the sidebar of your WooCommerce pages.

Available Widgets:

  • ZoxPress: Ad Widget - A widget that displays any sized ad. If you want to place a 300x250 ad in your sidebar, simply place it in one of the sidebar widget areas and then enter your ad code. You can also use this ad to display a leaderboard ad in the Homepage Widget Area.
  • ZoxPress: Alternating Image Widget - A widget that prominently displays posts where the side of the image/text will alternate every other post. You can use this widget to display latest posts, posts via a Tag/Category, or posts with a Video or Gallery post type. This widget is designed specifically for the Homepage Widget Area.
  • ZoxPress: Facebook Widget - A widget that displays a Facebook Like Box. You can customize the title header, your Facebook page URL, and a few other options to help customize the Like Box to your liking.
  • ZoxPress: Featured List Widget - A widget that displays one large post with an overlay style with 5 smaller posts beside it. This is typically used to display Video posts, but you can use it to display latest posts, posts via a Tag/Category, or posts with the Gallery post type. This widget is designed specifically for the Homepage Widget Area.
  • ZoxPress: Featured Widget - A widget that displays one large post with an overlay style. It can be displayed the width of the content area, or it can span the width of the screen. You can use this widget to display latest posts, posts via a Tag/Category, or posts with a Video or Gallery post type. This widget is designed specifically for the Homepage Widget Area.
  • ZoxPress: Flexible List Widget - A widget that displays a list of posts similar to the Blog section of your homepage. You can display posts in rows, or in a grid with 3 or 4 columns. You can use this widget to display latest posts pr posts via a Tag/Category. This widget is designed specifically for the Homepage Widget Area.
  • ZoxPress: Sidebar Tabber Widget - A tabbed widget that displays a Latest, Trending, Video, and/or Gallery posts for use in sidebar widget areas. There are up to three tabs that you can select which type of posts to display in the 3 sections. This widget is designed specifically for the Sidebar Widget Areas.
  • ZoxPress: Sidebar Trending Posts Widget - A widget that allows you to display a list of Trending Posts. This widget is designed specifically for the Sidebar Widget Areas.

Images

ZoxPress supports retina-ready images. To utilize this feature, follow these instructions:

  1. Create a second image that is twice the size of your existing image. For example, if your logo is 200x30, your retina image would need to be 400x60.
  2. Add @2x to the end of the name of the retina image. For example, if your logo is called logo.png, name your retina version logo@2x.png.
  3. Upload the retina image in the same directory as your non-retina image. For example, if your logo is located in /wp-content/themes/zoxpress/images/, you must upload the retina image in this directory.
  4. That's it!

ZoxPress utilizes Wordpress' built-in Featured Image feature to handle image management. The recommended size for images to show properly within posts and in the Featured Posts area on the homapage and category pages is 1024x576px. If you plan on using the full-width Featured Posts layout or post layout options, it is recommended that you use images that are at least 1600x900. If you plan on using a different image size, it is recommended that you use image dimensions that are proportional to the 1024x576 recommended dimensions (i.e. 500x281 or 660x371).

To set the featured image for a post, go to Posts > Add New (or edit an existing post) and click the Upload/Insert icon above the main text box. From here, choose a file and upload it. Once it is uploaded, click Use as featured image located near the bottom of the Add Media window. Then click Save all changes, close the Add Media window and you're good to go! ZoxPress will take care of the rest in generating the smaller thumbnails that show up in the various places around the site.

Background

ZoxPress utilizes Wordpress' built-in Custom Backgrounds feature to set up your custom background color and/or image. For more information on how to set up your custom background, click here.

Post Options

ZoxPress gives you a variety of custom options for your posts, including a Featured Headline option and the ability to set a full-width posts.

  • Post Formats - ZoxPress comes utilizes WordPress' built in Post Formats feature where you can select the type of post you are creating. For example, if you have a video in the post, you should go to the Format box and select the Video radio button, which will activate the video icon overlay on posts throughout the site that will show visitors that there is a video in the post.
  • Video/Audio Posts - ZoxPress allows you to replace the default Featured Image in posts with an embedded video or audio clip. To utilize this feature, go to Posts > Add New (or edit an existing post) and enter your embed code (HTML or Javascript) in the box titled Video/Audio Embed.
  • Featured Headline - ZoxPress allows you to enter a separate, smaller headline for use in the Featured Posts area on the homepage, in certain widgets, and in on category pages. To utilize this feature, go to Posts > Add New (or edit an existing post) and enter your featured headline in the box titled Featured Headline.
  • Post Excerpt - You can add a custom excerpt (that will appear below the main title on your posts) within the Post Edit screen. At the top right corner, click "Screen Options" and make sure "Excerpt" is checked and then scroll down to the Excerpt box and enter your own custom excerpt that will take the place of the default text. This text will also appear around the site where excerpts are used (i.e. in widgets and archive pages).
  • Post Template - Select between 5 different Post Templates. To utilize this feature, go to Posts > Add New (or edit an existing post) and select a layout from the dropdown box in the Post Template section on the right sidebar.
  • Show/Hide Featured Image - ZoxPress allows you to remove the featured image from individual posts. To utilize this feature, go to Posts > Add New (or edit an existing post) and select "Hide" from the dropdown box in the Featured Image Show/Hide section on the right sidebar.
  • Show/Hide Post Sidebar - ZoxPress allows you to remove the sidebar from individual posts. To utilize this feature, go to Posts > Add New (or edit an existing post) and select "Hide" from the dropdown box in the Post Sidebar Show/Hide section on the right sidebar.

Page Templates

ZoxPress comes with 4 custom page templates: Home, Authors List, Latest News, Full-Width. In order to create a custom page template

  1. Go to Pages > Add New. Enter a title in the Enter a title here box.
  2. In thePage Attributes section, select the page template you want to use from the Templates dropdown menu on the right.
  3. Click Publish and that's it!

Author Info

ZoxPress allows you to display information about the author on each post. You can enter/edit this information by going to Users > All Users and editing any of your existing users.

  • Author Description - You can enter an author description via the author's user profile in the Biographical Info section. This description will show up on the author's individual author page as well as the author list page.
  • Author Avatar - ZoxPress utilizes Gravatar to display the author's avatar in the author info below each post. Please sign up at Gravatar.com with the email address you are using with the author on your site. Once you have associated an avatar with this email, this avatar will appear in the author info as well as in the comments section of the site.
  • Author Social Profiles - To enter social profile for each author, you will need to install the ZoxPress Plugin that comes with the theme. You can find the plugin (zoxpress-plugin.zip) in the /plugins folder of your original zip file you downloaded from Themeforest. Once you have installed the plugin, you can enter the URLs in the user's profile for each of the popular Social Media sites in order to activate the social buttons that will appear on the author page and the author list page. NOTE: Please make sure you use the full URL, including the http:// or https://

Reviewer Plugin

ZoxPress comes with the Reviewer WordPress Plugin that allows you to insert reviews and comparison tables inside your WordPress blog posts and pages in a quick and easy way. Here are the instructions to install and set up Reviewer Plugin for ZoxPress

  1. Go to Plugins > Add New then click the Upload link at the top.
  2. Click Choose File and select the reviewer.zip file (located in the /plugins folder of your original zip file you downloaded from Themeforest), then click Install Now.
  3. After the plugin installs, click the Activate Plugin link.

If you run into any technical issues with the plugin, please submit a ticket at the Support Center and I will get in touch with the plugin developer. But, for help in setting up the plugin and any general questions about the plugin, please refer to the plugin's documentation, by clicking here

Theia Post Slider

ZoxPress utilizes Theia Post Slider to give you dynamic slideshows in your posts and pages. Here are the instructions to install and set up Theia Post Slider for ZoxPress:

  1. Go to Plugins > Add New then click the Upload link at the top.
  2. Click Choose File and select the theia-post-slider.zip file (located in the /plugins folder of your original zip file you downloaded from Themeforest), then click Install Now.
  3. After the plugin installs, click the Activate Plugin link.
Theia Post Slider uses Wordpress' built-in "Page Break" feature to split up each slide in the slideshow. Simply click the "insert page break" shortcode button or manually insert <!--nextpage--> to insert a page break, which will split your post into different pages/slides.

To customize Theia Post Slider to your liking, you can edit the slider settings by going to Settings > Theia Post Slider. Click here for the full documentation for Theia Post Slider.

Theia Sticky Sidebar

ZoxPress utilizes Theia Sticky sidebar to allow sidebar content to stay stay visible within each section as you scroll down the page. Here are the instructions to install and set up Theia Sticky Sidebar for ZoxPress:

  1. Go to Plugins > Add New then click the Upload link at the top.
  2. Click Choose File and select the theia-sticky-sidebar.zip file (located in the /plugins folder of your original zip file you downloaded from Themeforest), then click Install Now.
  3. After the plugin installs, click the Activate Plugin link.

To customize Theia Sticky Sidebar to your liking, you can edit the slider settings by going to Settings > Theia Sticky Sidebar. Click here for the full documentation for Theia Sticky Sidebar.

Once you are in the Theia Sticky Sidebar Settings (Settings > Theia Sticky Sidebar), you will need to go to the General tab, enter a name for your sidebar, then enter the following into the Sidebar CSS Selector box: .zox-sticky-side

Click Save Changes. Then, in the Sidebar additional top margin (px) box, you will need to enter a value of 70. In the Minimum width (px) box, you will need to enter a value of 1004. Click Save Changes. That's it! Your sidebars should now be sticky throughout your site!

Translation Files

ZoxPress comes translation-ready with .po/.mo files ready for translation. These files are located in the /languages folder of the main theme folder. Once you have translated the files, simply save them as the name of your language code (i.e. es_ES.po and es_ES.mo for Spanish) and place them back in the /languages folder.

For more information on how to utilize these files to translate this theme into another language, click here.

WooCommerce

ZoxPress is fully compatible with the popular e-commerce plugin WooCommerce, which will allow you to create a store within your site. You can download WooCommerce here. Once you have downloaded the plugin, follow these instructions to install the plugin with Wordpress:

  1. Go to Plugins > Add New
  2. Select the Upload link at the top.
  3. Click Choose File and select the woocommerce.zip file that you downloaded, then click Install Now.

Once the plugin is activated, WooCommerce will need to install several pages in order for it to function properly. Click here for more information about setting up WooCommerce.

bbPress

ZoxPress is fully compatible with the popular forum plugin bbPress, which will allow you to add a forum to your site. You can download bbPress here. Once you have downloaded the plugin, follow these instructions to install the plugin with Wordpress:

  1. Go to Plugins > Add New
  2. Select the Upload link at the top.
  3. Click Choose File and select the bbpress.xxx.zip file that you downloaded, then click Install Now.

Click here for more information about setting up bbPress.

Support

If you have any questions related to setting up the theme that are not covered in this documentation or if you encounter any technical bugs, please submit a ticket at the MVP Themes Support Center. Please note that this theme is sold "as-is" and any additional custom modifications you would like to make to the theme are your responsibility.

Sources and Credits

ZoxPress uses the following images or other files as listed.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.