Support for Total - Responsive Multi-Purpose WordPress Theme

An introduction to support on the Marketplaces

  • Envato staff look over every item before it can be sold on the Marketplaces.
  • Technical items contain help files to introduce you to the item and its components.
  • Authors can choose to support their items but this is optional and may vary.

Hands-on support for this item is provided by WPExplorer

They will respond to buyers' questions via this item’s comments.

Go to comments

Additional information from WPExplorer:

Support is provided 100% for free with the purchase of the product. When you purchase a product you are paying for the product itself and not the support. We offer free support to help with any issues or concerns you may have when using our products.

Who can receive support
  • People asking pre-purchase questions
  • Users that have the PURCHASED tag next to their user name
Support includes:
  • Responding to pre-purchase inquiries
  • Responding to questions or problems regarding the item and its features
  • Fixing bugs and reported issues
  • Providing updates to ensure compatibility with new WordPress versions
Item support does not include:
  • Customization, web design and installation services
  • Support for third party software and plug-ins
  • Making edits to the theme to suit your needs (suggestions are welcomed though)
How To Receive Support?
  • Simply leave a comment (you must be signed into ThemeForest) on the product that you need help with.
When To Email us
  • If you have an issue where you need to share a URL or logins please contact us via the form on our Profile page so that we can assist you accordingly.
Important
  • Before asking questions, read the help fie (it’s in the “Main Files” ZIP) and FAQ below.
  • Please remember you have purchased a “theme” and not access to an ever ending freelancer/web developer.
  • Keep things professional and be nice!

Common WordPress Installation Issues

Missing style sheet error when installing the theme

A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

Frequently Asked Questions

Where is the Changelog?

View the theme changelog here: http://www.wpexplorer.com/changelogs/total/

Where is the documentation?

The doc’s are included in the purchased zip inside a folder called “Documentation”.

If you don’t see this folder re-download the theme (from your ThemeForest Downloads) but make sure to choose the option that says “All Files & Documentation”. Then unzip this folder and you should see it right there!

Are there any Video Tutorials?

Yes! I will be adding video tutorials on my Youtube playlist – https://www.youtube.com/playlist?list=PLMGCosyDx4aqiPFpdRKROLW9XnT_J4-y4

Why can’t I upload/install the theme?

This theme is fairly larger then most themes out there due to all the included plugins. If you are having troubles installing it is most likely due to your server memory limit.

If it’s a memory limit error you will generally get an error such as “Are you sure you want to do this?”.

These are my suggestions in order of what I think is best:

1. Upload your theme via FTP
2. Contact your host to see if they can increase your memory limit.
3. Increase your memory limit yourself – http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP
4. The largest portion of the theme is the plugins folder. If you want you can unzip the theme and remove the plugins folder then re-zip and upload the theme. If you do this you’ll then need to install your plugins manually using the removed zips

Why can’t I install the included plugins?

If you can’t install the plugins automatically it’s most likely due to strict server/user permissions. What I would recommend is simply extracting the theme on your computer and uploading the plugins as you normally would.

All the plugins will be inside the “plugins” folder once the theme zip has been extracted.

How can I make my site look like the live demo?

The sample data .xml file is included. You need to download the full package and extract it and it’s inside the “Sample Data” folder. I usually recommend and most developers do this…to create a localhost WordPress installation and upload the sample data there so you can see how the theme works locally then build the live site from scratch so you don’t have any extra “stuff” in there.

If you do want to import the Sample Data to a live site, keep in mind it’s fairly massive so I would recommend importing without the images (you would change these anyway), so it imports quick and doesn’t bring your server “to its knees”.

Also you can always see the code for the pages here – https://github.com/wpexplorer/total-sample-pages – you can copy/paste the code for any page into “text” mode in the page/post editor then switch over to the Visual Composer.

How do I upload Sample Data?

Sample Data isn’t automatically added to your site, for most people this wouldn’t be beneficial, instead there are specific files included to import sample data.

When you go to download your purchase click on Download->Main files. After this folder downloads, unzip it and locate the folder called “SampleData”.

Within this folder you will find your sample data file(s).

  • Before uploading your Sample data you might want to install and activate the recommended plugins (please refer to the documentation) to help prevent any errors after import.

To upload your WordPress sample data, log into your WP install and browse to Tools->Import and follow the instructions.

After the import is complete you should have all the posts/pages from the demo with dummy images.

There are certain things a WP import can not do, so after uploading sample data

  • Go to Appearance->Menu to set your menu locations.
  • Go to Appearance->Widgets to add your widgets (widgets aren’t included in a WordPress export)
  • Set your homepage at Settings->Reading using the “Home” page as a static page.
  • Go to Appearance->Theme Options to setup your theme options.

How can I recreate a sample page from the demo?

You can upload the whole sample data .xml file or the best way is to check out this public repository with all the sample pages – https://github.com/wpexplorer/total-sample-pages – so you can easily copy and paste them onto your site.

Simply go to “Classic” mode in the editor (so not the visual composer editor) then click on “Text” and paste the dummy data there. Then you can switch back to the Visual Composer mode.

The Sample Data is taking too long to upload (or it won’t upload), how can I make it faster?

The theme is really large so the Sample Data is also large. My suggestion would be to install WordPress locally and load the sample data there. This should download/upload much quicker then on a live server.

Now you can work with the theme locally and make edits much much quicker. Once your site is ready, push it to the live server.

Especially when working on client sites, you should ALWAYS work locally. It will save you a lot of time.

If you can’t work locally, my suggestion would be to try increasing your server memory limit – http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP – and see if that helps.

As a last resort you can always upload the sample data and choose to not import any attachments. This way none of the images will be uploaded to your server and it will upload very very fast. You will be adding your own images anyway, so maybe it’s the best option ;)

How do I setup my homepage, it looks like a blog!

By default WordPress always shows latest posts on the front-page, this is how WordPress works. If you imported the sample data and want to setup one of the homepages from the sample data or simply want to define your own homepage on the front page, please do the following:

I didn’t import sample data:

  • Create a new page
  • Add your content to the page
  • Publish
  • Browse to Settings -> Reading
  • For “Front page displays” select “A Static Page”
  • Choose the page created earlier for this setting
  • Posts page:” setting should be left blank because you can create your blog page using the “Blog” template.

I did import sample data:

  • Browse to Settings -> Reading
  • For “Front page displays” select “A Static Page”
  • Choose one of the pages imported with the sample data for this setting
  • Posts page:” setting should be left blank because you can create your blog page using the “Blog” template.

Why can’t I see Google Font options in my theme panel?

Please make sure that the owner of the reduxframework (the framework/redux/redux-core folder in the theme) is your webserver user and that it has write capabilities on the folders (recursively).

When the theme panel first runs, it tries to get all the webfonts and writes a json file. If it can’t write the file, it can’t display the fonts.

If you’ve updated permissions on your server and it still isn’t working try adding the following code to wp-config.php:

define('FS_METHOD', 'direct')

Lear more here: http://codex.wordpress.org/Editing_wp-config.php#WordPress_Upgrade_Constants

ps: And make sure your theme is completely up to date. We’ve made quite a lot of changes to how the Google Fonts work in the theme. So if your site is out of date it might not be working correctly.

Tips for using W3 Total Cache

- turn minifying from auto to manual
- get on firefox, look for all .css files and .js files in page source
- add them .css files manually to w3tc minify list, save
- make a list of all .js files, minify all of them in the head with blocking except (plugins.js and layerslider.js)
- save/apply/clean cache

How can I make my theme SUPER fast?

The theme is already super well optimized for speed, but of course there are always more you can do, here are some tips (do at your own risk, if you mess something up its not covered in theme support because none of these are theme related):

  • If your host doesn’t have built-in cache you might want to use a plugin such as the W3 Total Cache plugin.
  • A CDN can really speed things up, if your host doesn’t have one built-in you might want to try one of these Free CDNs
  • I would also recommend you try the following minify plugin – http://wordpress.org/plugins/bwp-minify/ – I tested it with my theme and saw no issues, but its always good to test everything after you try it out especially if you have 3rd party plugins active.

How can I make background areas that display on scroll like Homepage #30?

The backgrounds don’t actually scroll, the way we’ve done it is we’ve created some row’s, set a minimum height and added a background. Here is the exact code from that page template if you want to insert it to a page (in text mode, not visual) then switch back to the composer mode and see how we did it – http://pastebin.com/Ns4ZHH03

Visual Composer won’t work or I’m seeing an error that reads “PHP Fatal error: Class ‘DOMDocument’ not found in /path/to/site/wp-content/plugins/layerslider/helpers/phpQuery.php on line 255”.

Make sure your server has the php_xml PHP extension installed.

How do I keep submenu items open in the custom menu widget when on a subitem page?

Add the following custom css to your site:

.widget_nav_menu .current-menu-ancestor ul {
    display: block;
}

What font is used for the logo in the demo?

How can I customize embeded videos?

This theme uses the WordPress oembed function for your videos so if you want to alter them, you’ll need to hook into that function, here is a great forum post explaining how to do so – Customizing Videos for WP Total Theme: I found a good article online with a custom function code in it that works for Total: http://wordpress.org/support/topic/adding-youtube-parameters-to-oembed-function

How do I update the included plugins?

Whenever I update a plugin I will make mention of it on the changelog. All the plugins are found in the theme’s plugins folder. So if you download the latest version and extract it you’ll see a folder called “plugins” and all the most recent plugin zips in there. Simply delete the plugin from your site and re-upload or extract and override the files via FTP (easier).

Important: The easiest way to update is by updating your theme, all the plugins will be updated within the theme. Then delete the plugin from your site. You should then see the notice again to install it at the top of the dashboard and install it. This will then install the latest version located within the theme – Sample video: https://www.youtube.com/watch?v=IlGC6yp_mpk

Visual Composer Note: The visual composer plugin is located in the folder js_composer on your server and in the theme it is located at plugins/js_composer.zip

How can I change the date color in the Recent News Module?

Simply add the following CSS (and tweak the background hex value) to your child theme or the custom CSS field in the admin settings:

body .vcex-recent-news-date span.month { background: #000; }

How can I change the color of the testimonial slider bullets?

This would be done via adding some Custom CSS to your site (using a child theme or the custom CSS field in the admin settings).

Example CSS:

/*non active*/
body .flex-control-nav li a {
 background: #000 !important;
}
/*active*/
body .flex-control-nav li a.flex-active {
 background: #000 !important;
}

Why won’t my post or page load?

I’ve discovered a small conflict…if you have galleries in your post and are using a plugin to alter these galleries (such as JetPack) then the built-in function for altering your WP gallery layout might cause your post/page to not load.

To fix go into the theme panel and under the “Other” tab disable where it says “Custom WordPress Gallery Output”.

How can I alter my category layout?

The category layout can be altered in the theme panel under the blog tab but also on a per-category basis if you want – http://cl.ly/image/1z3P2o0u0S39 – you can choose between the different blog layouts, columns, pagination and so forth.

Blog Issues:
Why won’t any of the page options work for my blog and why does the title display the first post title and not the page title?

If you are having these issues it’s because the blog template wasn’t setup as mentioned in the documentation.

Your blog page is using both the blog template and you also have your posts page defined to the same page under Settings->Reading. That means you aren’t actually using the blog template. To fix go to Settings->Reading and for the option that reads “Posts page” leave it blank (Select).

If you continue having issues please let me know!

Why aren’t my icons working?

This could be an issue with @font-face not loading correctly on your server. Try creating a .htaccess file in your theme’s “fonts” folder with the code below:

<FilesMatch ".(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*" 
  </IfModule>
</FilesMatch>

Learn more here: http://www.fontspring.com/support/troubleshooting/webfonts-are-not-loading-in-firefox

My aren’t my google maps working?

When adding the Google map make sure to use the Link from the Google Maps classic style – https://support.google.com/maps/answer/3045828?hl=en – and see if that helps.

Hopefully the Visual Composer will be updated soon to allow for use with the new Google Maps.

How do I update my theme?

You have many options..here are some:

1. In your theme panel under the “Updates” tab you can enable auto updates so you can update your theme via the dashboard.

2. You can use the Envato Toolkit to update the theme via the WP dashboard – http://www.wpexplorer.com/envato-wordpress-toolkit-guide/

3. You can re-download the theme and override the files via FTP.

Why can’t I activate the Revolution Slider Plugin or Visual Composer Plugin?

Very simply put…because you didn’t buy it.

The way it works on ThemeForest is when a plugin is included for free with a theme you can use the plugin for free without any issues, but if you want update and support from the plugin developer you need to purchase it separately (optional). The plugin will work just fine without the purchase code and if you ever need to update it please see this FAQ – http://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019/faqs/19682

Activating Visual Composer If you have purchased the visual composer you can still activate it, but you’ll need to go to the Visual Composer tab in the theme panel and disable the option that reads “Run Visual Composer In Theme Mode”. Then go to Settings->Visual Composer to activate it. Now you’ll get access to auto updates and direct support from the Visual Composer author.

How can I translate the “All” text in portfolio, staff, testimonials and blog filters?

Easy! This is an option in the composer module.

Example: http://wpexplorer.s3.amazonaws.com/themeforest-assets/faqs/filter-all-text.png

If you don’t see this, you probably have to update your Visual Composer Extension plugin.

How can I link my logo to another page besides my Homepage?

Easy! You can use the built-in “wpex_logo_url” filter in your child theme to alter the logo url location.

Example (paste and edit in your child theme’s functions.php):

function my_custom_logo_url() {
    return 'wpexplorer.com';
}
add_filter( 'wpex_logo_url', 'my_custom_logo_url' );

How can I translate items in the Theme Panel, such as the top bar content?

You have 2 options:

1. Use WPML to translate the values in the wp_options table – https://wpml.org/faq/translating-entries-in-wp_options/
2. Or use the built-in shortcode like such:

[wpml_translate lang=es]Hola[/wpml_translate]
[wpml_translate lang=en]Hello[/wpml_translate]

Why can’t I see the Visual Composer when switching to it in the editor?

Sometimes the page settings metabox loads above the Visual Composer and this is the most likely reason. Simply drag it up so it’s above these options and easier to access.

http://cl.ly/image/1Q3X103C2s1O

Can you add “blank” social option to the top bar?

The social icons in the top bar are font icons so they are dependent on FontAwesome. I am more then happy to add any missing social services, but they must be available for use by that icon font set – http://fortawesome.github.io/Font-Awesome/

TIP: You can always disable the Social output via the theme panel options and use the Social Alternative editor to add your own social icons and links.

How can I increase my Google Page Speed Score?

This theme is highly optimized for speed and with every update I try and make it even faster and more optimized. You can see my demo loads really fast even without any CDN or minifying – cool huh?

If you want to increase your Google Score this won’t be on the theme end, this is what you want to do:

To increase your Google score you have to:

1. Setup a CDN – this isn’t done via the theme.
2. Minify your scripts – this should be done via a plugin or sometimes the CDN can do this
3. Setup caching – some servers do this on their own such as what I use (WPEngine). But if your host doesn’t have built-in cache you need to use a plugin.
4. Smush your images – again not done by the them.

How can I center the images in the FlexSlider module and remove the automatic 100% width?

This would require a little CSS added to your site, example:

body .vcex-flexslider-entry-media img {
    width: auto !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 auto !important;
}

I don’t really recommend this (using larger images will look much nicer), but some people have asked me so I thought I would share ;)

How can I add Full-Width Content?

Adding full-width content is very easy and it’s mentioned in the included theme Documentation file under the “Building Pages + Visual Composer” section and the “Creating Full-Width Background Areas” subsection.

How can I remove Theme Panel Sections?

Easy! I’ve added a filter in version 1.33 so you can remove sections via your child theme.

Example:

function override_redux_array( $sections ) {
    unset($sections['skins']);
    return $sections;
}
add_filter( 'wpex_redux_sections', 'override_redux_array' );

You can have a look in the parent theme at framework/redux/admin-config.php to see the default sections array.

Have fun!

How can I completely disable a custom post type (portfolio, staff, testimonials) via my child theme!

Easy…since version 1.33 you can remove it from the array of active post types like such:

// Function to disable custom post types
function wpex_disable_post_type( $array ) {
    unset($array['portfolio']); // Remove portfolio
    unset($array['staff']); // Remove staff
    unset($array['testimonials']); // Remove testimonials.
    return $array; 
}
add_filter( 'wpex_theme_post_types', 'wpex_disable_post_type' );

If you remove any custom post type via your child theme it will also remove it from the theme options and prevent any code associated with that custom post type to load on the site. Sweet!

How can I center content when using the Full-Screen post/page layout?

This is very simple, simply click to edit your row and check the box to center it like this: http://cl.ly/image/1D2C3l1n3a1l

How do I use the Revolution Slider Plugin?

Full documentation for the Revolution Slider is included with your purchase, make sure to download the main zip that includes documentation and extract it. You’ll find the docs inside the “Documentation” Folder.

If you want further help have a look at our Slider Revolution Review & Guide on our blog.

My Editor is broken in WP 3.9 How Do I Fix It?

If you are using WP 3.9 make sure to update the Total theme and the Visual Composer plugin (must be at least version 4.1.2 or higher). Very Important!

Total Changelog: http://www.wpexplorer.com/changelogs/total/

Updating Plugins: http://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019/faqs/19682

After updating you MUST clear your browser cache, because the Visual Composer is a javascript driven plugin if you don’t clear your cache then your browser might be loading the old javascript and it can cause weird stuff to happen.

Why do I see blank squares in my menu on mobile sizes?

This would happen if you setup a menu on the “Mobile Icons” menu area incorrectly -> http://cl.ly/image/0Q1l2p1S3O0Y

Please refer to the included documentation on how to setup the mobile icons menu area. Thanks!

Is updating to WP 3.9 ok?

Yes! I’ve released the updated theme and plugins for WP 3.9.

To update you must:

1. Be using Total v1.33+
2. Be using Visual Composer v4.1 +
3. Be using Visual Composer Extension v1.2+

How Can I keep my subitems visible always on the mobile nav?

Easy! Add this custom CSS to your site:

.sidr-class-dropdown-toggle { display: none; }
.sidr-class-dropdown-menu ul { display: block; }

Result: http://cl.ly/image/3s301Y1F2f02

The Categories widget with hierarchy enabled doesn’t look good, how can I fix it?

The issue is WordPress did a crappy job coding this widget so there really isn’t a good way to position the counter absolutely with the hierarchy class.

You can add the following custom CSS to your child theme or the custom CSS field in the admin panel to make it look a bit nicer.

body .widget_categories .cat-count-span {
position: inherit; margin-left: 5px;
}
body .widget_categories li { border: none; margin: 0; padding: 0; }

Result: http://cl.ly/image/2u2J3k0Q1P47

How can I add a simple button into my posts without using the Visual Composer?

There is a built-in “theme-button” class which is used for buttons throughout the site and can be easily added to any link in your post editor.

http://cl.ly/image/0n3J3x120829

How can I link directly to any section on my site or FAQ?

See this youtube video – https://www.youtube.com/watch?v=885iaTNsOw0 – must be using at least version 1.34 of the theme.

How can I open a video or Google Map with lightbox?

It is very easy, simply add the classname “wpex-lightbox-video” to any link and it will work. If you are using the Single Image Visual Composer module then you would use the “Extra class name” field but instead enter “video-lightbox”.

This class supports only 3 different iframe types (youtube, vimeo, google maps). Examples below:

// YouTube
"http://www.youtube.com/watch?v=7HKoqNJtMTQ" 

// Vimeo
"http://vimeo.com/123123" 

// Google Maps
"https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" 

How can I customize read more links from the Visual Composer Extension modules (portfolio grid, staff grid, blog grid…etc).

The read more link has it’s own filter “vcex_readmore_link” so you can easily alter it via a custom function in your child theme, example below:

function my_customize_vcex_readmore() {
return '<a href="'. get_permalink( $id ) .'" title="Read More" rel="bookmark" class="vcex-readmore theme-button" target="_blank">Read More <span class="vcex-readmore-rarr">→</span></a>';
}
add_filter( 'vcex_readmore_link', 'my_customize_vcex_readmore' );

How can I add the WPML Language switcher to my theme?

Easily, you can use the built-in shortcode to add it where you want. A good location might be the top bar content area.

The shortcode:

[wpml_lang_selector]

This will output the Language Switcher as defined int he WPML settings.

How can I add support for HTML in my excerpts?

The theme by default support certain HTML in your excerpts. But you can support more if you’d like. Sample custom function for your child theme:

function my_change_excerpt_allowed_html() {
return array(
    'a' => array(
        'href' => array(),
        'title' => array()
    ),
    'br' => array(),
    'em' => array(),
    'strong' => array()
);
}
add_filter( 'vcex_supported_excerpt_html', 'my_change_excerpt_allowed_html' );
add_filter( 'wpex_supported_excerpt_html', 'my_change_excerpt_allowed_html' );

Tweak it to support more HTML tags (add to the array) this will edit both your theme excerpts and the Visual Composer Extension module excerpts.

Learn more: http://codex.wordpress.org/Function_Reference/wp_kses

Why cant I automatically update the Visual Composer Plugin by WPBakery?

Auto update notices in the admin are generally for Free themes/plugins hosted on WordPress.org. However, some developers add their own system, as I have for my Total theme and the Visual Composer Extension plugin.

Why not for the Visual Composer? Simply put, because you didn’t buy it. Because the plugin is included for free with the theme I can’t legally offer automatic updates for it because that would involve hosting it on a 3rd party server which violates ThemeForest licensing.

If you want automatic updates for the Visual Composer plugin you must purchase it and then disable the following option in the theme panel – http://cl.ly/image/2J2Z1E0c3P3Z

Where Can I find a list of available theme filters?

How can I make this theme into a one-page site where you can click an item in the menu and it will scroll down to that section rather then going to a page?

Please refer to the included HTML documentation file under the heading “Local Scroll Menu”.

How can I disable the Mobile menu and display the standard menu on mobile?

You can do this really easily via your child theme. First add some custom CSS like this:

#mobile-menu { display: none !important;}
#site-navigation-wrap { display: block !important; }

You should also disable the whole mobile menu so you aren’t adding redundant code, you can do this via a function in your child theme:

function wpex_mobile_menu() {
// Don't add the mobile menu in the first place
return;
}

How can I add my languages into my child theme?

Very easy, please have a look at the guide on WordPress.org – http://codex.wordpress.org/Function_Reference/load_child_theme_textdomain

So basically you just have to add your languages into your child theme and then use (add to your child theme’s functions.php) the following function to load it from the child theme instead of the parent:

add_action( 'after_setup_theme', 'my_child_theme_setup' );
function my_child_theme_setup() {
    load_child_theme_textdomain( 'my_child_theme', get_stylesheet_directory() . '/languages' );
}

Why Is The Visual Composer Extension built-in to version 1.4 of the Total Theme?

  • You only need to keep the Total theme up to date, making it easier to keep track of updates
  • All functions and assets are in the theme making it possible to share between the theme and the extensions better
  • All extension shortcodes can now be translated using the theme .po/.mo files
  • People were often updating only the extension plugin and not the theme causing issues/bugs. This prevents that issue.
  • Prevents other authors from stealing my code – which has been done quite a bit already unfortunately :(
  • And many other reasons!

Why is my logo so small?

The default Header height for the theme is only 40px because the default logo is fairy small. To increase your logo height simple increase or remove the custom header height in the theme panel – http://cl.ly/image/0t0J403e1g10

How can I change the portfolio, staff, blog grid js filter buttons color?

Use the theme options here: http://cl.ly/image/3K0m1v2d3a2f

How can I open a video with lightbox using the Button 2 module?

All you have to do is add the classname “wpex-lightbox-video” to the link classes – http://cl.ly/image/1z1X0h1h0T1K

ps: This will only work with youtube, vimeo, google maps

How can I change the search placeholder text in the header?

You can use the filter “wpex_search_placeholder_text” in your child theme to change this (must be using Total version 4.1 or greater).

Example:

function my_search_placeholder() {
return __( 'Your custom text', 'wpex' );
}
add_filter( 'wpex_search_placeholder_text', 'my_search_placeholder' );

How can I disable the main page header/title?

You can disable this anywhere using the ‘wp_display_page_header’ filter. Below is an example function (to add in your child theme) showing how to disable the page header for single products:

function disable_product_title( $return ) {
    if ( is_singular( 'product' ) ) {
        return false;
    } else {
        return $return;
    }
}
add_filter( 'wpex_display_page_header', 'disable_product_title' );

How can I change the “bars” in the mobile menu toggle link to something else (this is the square with bars that you click to open/close the mobile menu)?

Use the filter “wpex_mobile_menu_open_button_text”. Example:

function my_alter_mobile_menu_toggle( $return ) {
   return 'Example';
}
add_filter( 'wpex_mobile_menu_open_button_text', 'my_alter_mobile_menu_toggle' );

You might have to also add some custom CSS afterwards to match your edit.

How can I add my translated files into my Child theme?

Add the following code to your child theme’s functions.php and then put your .mo and .po files in your child theme’s “languages” folder (you might have to create this).

add_action( 'after_setup_theme', 'my_child_theme_setup' );
function my_child_theme_setup() {
    load_child_theme_textdomain( 'wpex', get_stylesheet_directory() . '/languages' );
}

Don’t forget to open the files and change the Sources Paths ( ../ and ../../Total/ )

How can I change the default title meta tag?

All you need to do is override the default wpex_meta_title() function in your child theme. Below is a basic example:

function wpex_meta_title() { ?>
     <title><?php wp_title('|'); ?></title>
<?php }

How can I remove the overlay over the page header backgrounds?

Add this custom CSS to your site:

body .background-image-page-header-overlay { display: none; }

How can I display the queries and memory usage on the front end for troubleshooting?

Easy! Add the following function into your child theme:

function my_display_queries( $array ) {
    $array['helpers']['display_queries_memory'] = true;
    return $array;
}
add_filter( 'wpex_global_config', 'my_display_queries' );

How can I change the icon in the Toggle Bar toggle (the plus)?

Copy this code into your child theme’s functions.php

function wpex_toggle_bar_btn() {
        if ( !wpex_toggle_bar_active() ) {
            return;
        }
        echo '<a href="#" class="toggle-bar-btn fade-toggle '. wpex_option( 'toggle_bar_visibility' ) .'"><span class="fa fa-plus" /></a>';
    }

Then edit the fa-plus class to match another font icon class – http://fortawesome.github.io/Font-Awesome/icons/ – or delete the entire span and add some text if you prefer.

How can I change my layout on any page, archive, category, post…etc?

Total has a nice hook called “wpex_post_layout_class” that will allow you to set the layout for anywhere on your site and it will override any theme or meta options! Here is an example:

function my_fullwidth_homepage( $class ) {
    // Make the front-page have a full-width layout
    if ( is_front_page() ) {
        return 'full-width';
    } else { 
        return $class;
    }
}
add_filter( 'wpex_post_layout_class', 'my_fullwidth_homepage' );

Available options: full-width, full-screen, left-sidebar, right-sidebar

How can I change the Next/Previous links for posts?


Important: Version 1.52 required

You can easily override these via your child theme. By default they display the post title ‘%title’.

// Change previous post link text to 'Prev'
function my_custom_prev_post_link_title() {
    return __( 'Prev', 'wpex' );
}
add_filter( 'wpex_prev_post_link_title', 'my_custom_prev_post_link_title' );

// Change next post link text to 'next'
function my_custom_next_post_link_title() {
    return __( 'Next', 'wpex' );
}
add_filter( 'wpex_next_post_link_title', 'my_custom_next_post_link_title' );

How can I disable the Header on any page, archive, category?

There are already built-in options via the custom fields and the admin panel for this, but if you prefer to do so via a child theme you can do so like this:

function my_disable_header( $return ) {
    // Disable header on the homepage
    if ( is_front_page() ) {
        return false;
    } else { 
        return $return;
    }
}
add_filter( 'wpex_display_header', 'my_disable_header' );

How can I re-order the social sharing links?

  • Version 1.52+ required

You can alter the social sharing links by using a custom filter. Example for your child theme:

function my_custom_social_sharing_sites( $array ) {
    return array(
        'twitter'        => 'Twitter',
        'facebook'        => 'Facebook',
        'google_plus'    => 'Google Plus',
        'pinterest'        => 'Pinterest',
        'linkedin'        => 'LinkedIn',
    );
}
add_filter( 'wpex_social_sharing_sites', 'my_custom_social_sharing_sites' );

Simple move the items around in the array. Then go to your theme panel and re-save your settings to register the new array order.

How can I create re-usable templates with the Visual Composer?

How could I add a searchbar into the navigationbar?

Below is a ample function to add in your child theme’s functions.php file which places a searchbar in your header:

// Function for adding a searchbar into your navigation
// Place this function in your child theme's functions.php
function add_search_to_header() { ?>
    <form role="search" method="get" class="my-custom-searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
        <input type="search" class="field" name="s" value="<?php _e( 'search', 'wpex' ); ?>" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
    </form>
<?php }
add_filter( 'wpex_hook_main_menu_bottom', 'add_search_to_header' );

Now you just have to add some custom CSS to style it and place it how you want it ;)

How can I make the boxes for the portfolio custom excerpts all the same height?

Since version 1.51 an equalHeights javascript function was added to the site, so you can add this custom function to your child theme’s functions.php file to enable equal heights on the portfolio descriptions – this is fully experimental and a custom mod (it works though, I tested it), so if you encounter bugs with the function don’t bug me about it ;)

function my_equal_portfolio_description_heights_js() { ?>
    <script type="text/javascript">
    jQuery(function($){
        if ($.fn.matchHeight != undefined) {
            $('.portfolio-entry-details').matchHeight();
        }
    });
    </script>
<?php }
add_filter( 'wp_footer', 'my_equal_portfolio_description_heights_js' );

Now this is just a simple function, you shouldn’t load it on the site unless you actually have a portfolio on the page (to keep your site at optimal speed), so dump in some conditionals to match your needs:

WP conditionals: http://codex.wordpress.org/Conditional_Tags
Has Shortcode: http://codex.wordpress.org/Function_Reference/has_shortcode

How can I change the color of the main buttons (search, contact form, password protection) on the theme?

Go to Theme Options -> Styling and under the “Button & Links” alter the colors for the “Theme Button”: http://cl.ly/image/1T1e1E311P1C

Why is my theme panel not working?

I have seen some issues with certain hosts such as Godaddy and Bluehost not setting permissions correctly for your theme files/folders.

Does your Theme Panel have the correct styling? – https://2.s3.envato.com/files/90458950/screenshots/03_general.png

If not, that’s most likely the cause. Make sure all your theme files/folders are accessible by WordPress and they have the correct file permissions.

Here is an example of the errors in the console I see people having on Bluehost – http://cl.ly/image/2v0z3b441Q02

If you know how, fix the permissions on your server, if not try showing that screenshot to your host and see if they can fix it for you – they should.

If this isn’t the issue, send me a private message with temp admin access and the URL and I’ll have a look.

How can I customize the theme’s viewport meta?

Easy! You can do this by adding a custom function to your child theme’s functions.php like this:

function my_custom_viewport() { ?>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<?php }
add_filter( 'wpex_meta_viewport', 'my_custom_viewport' );

How can I position the WooCommerce Category names under the image instead of over the image in the black background?

Easy add some custom CSS like this to your child theme or the custom css field in the admin panel:

body .products .product-category h3 {
position: inherit;
color: #777;
background: none;
top: auto;
left: auto;
}

How can I change the default color of the prices for WooCommerce products, widgets and cart?

Here is an example CSS for that:

/*make product pricing color black*/
body .product_list_widget .amount,
body div.product p.price,
body .product_list_widget .amount,
body td.product-price span.amount,
body td.product-subtotal span.amount, body #order_review span.amount,
body .cart-collaterals .cart_totals .amount {
    color: #000;
}

That would go in your child theme style.css (preferably) or the custom CSS field in the theme options panel. And you would just alter the #000 HEX color to the color of your choice.

Why won’t my Visual Composer work? It just shows a loading symbol.


  • Make sure your site URL and WordPress url are the same under Settings->General
  • If so, do you have any 3rd party plugins active? Generally it’s a plugin causing it to break. If so please try de-activating them 1 by 1 to test.
  • Make sure you are you using the latest/unedited version of the Visual Composer.

If you aren’t able to get it working you can either leave a comment on the theme page with a screenshot of the browser console or send me a private message with the URL and temp admin access so I can have a look at why it may not be working.

When to contact Envato Support

Authors are experts on their own items, but if you're having trouble using the Marketplaces you should come straight to Envato Support.

by
by
by
by
by
by