Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 57,649 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22305 comments found.

Hi AJ

Quick question please. If you look at this website https://www.touchstonegolf.com/ you’ll see in the top right of the page there is floating text block that opens a contact form.

Can you tell me how i would add something similar to my site (on all pages) using Total.

Thank you

Hi,

This is just a toggle so you could use the theme’s Toggle element functionality to show/hide a form – https://totalwptheme.com/docs/toggle-elements/

If you need it added to every page, you should create a new template under Dynamic Templates, make sure it’s using the “Part” type and then you can insert the template under Theme Panel > Custom Actions. More info on template parts here: https://totalwptheme.com/docs/dynamic-template-parts/

Now, I would highly recommend against adding a form to every page. This is really bad for SEO and accessibility. It’s much better to have a dedicated contact page that you link to via the main menu or other.

- AJ

Thanks for the advice AJ. As always, much appreciated

Hi AJ

Wondered if you can advise on a little snag I’ve run into.

Using Post Types Unlimited, I created a post type called “Practitioners”.

The “parent” page is a “normal” Page, also called “Practitioners”.

The issue I have is that because I created the Post Type first, when I then created the Page, the slug is being set as “practitioners-2”. Well, I think that’s what’s caused it (I checked Media Attachments and nothing there with that name).

I have several Post Types / Pages set up in the same way, but because I created the Page first, I never had this problem.

So – is there any way I can adjust the Post Type (possibly manually in the db) to allow me to set the Page without the “-2” in the slug? I don’t want to delete the Post Type and start again because there is quite a lot of content in place now.

Hope I’ve explained this well enough.

Thanks

James

ps: You may have noticed that the default Portfolio post type uses “portfolio-item” as the default slug, this is exactly to prevent conflicts and allow for a page with the “portfolio” slug. Same with how staff uses “staff-member” for the slug.

Thanks AJ. I know what you mean, but I have always structured my sites like this, and there has been no slug conflict. So the URL structure is properly “hackable” if you see what I mean? I’ve sorted this out by changing the post type slug to [anything], then changing the Page slug to “practitioners” (no -2 added), then changing the post type slug back to “practitioners” – and it works.

Not sure why you never had that issue before, perhaps if you were registering your post types at a later hook then WordPress was not finding any conflicting slugs when creating the page.

That’s a good work around.

But a word of caution, if you add a grid to the practitioners page and enable pagination, the pagination may not work.

- AJ

Hi AJ

Got a small issue.

I am using the CSS animation “Fade in” effect on rows as they scroll into view.

Each row has some hidden extra text in a “read more” toggle. If the toggle is clicked, then closed, and the user continues scrolling a very large empty wide space appears under each subsequent row. As if the now closed “read more” text height has been added to every row.

Really hard to explain so I did a video.

On the first pass, I do not use the toggles, and the row fades behave normally. On the second pass I open then close the first row’s toggle, and then you will see the unwanted empty space on subsequent rows.

https://www.loom.com/share/e6b1cb95fb444c0f95d1738c47689f3e?sid=34e91eb8-4705-4229-a908-171425fa4813

I don’t know if there will be a solution to this? I think you might say you don’t receommend fade in effects anyway but the client really loves it so I am hoping something can be done.

Let me know what you think.

Thanks

James

Hi AJ

Is 6.4 imminent – like today? If not, can you send me the patch? I have opened a ticket as you suggested.

Hoping to launch this site in a day or two.

Thanks

James

Hi James,

Update is almost done, but I don’t have an exact ETA.

I got the ticket, I will reply and send over the patch in a moment.

- AJ

Thanks AJ – site is now live with patch – all good.

Hi AJ, at the top of my page (above the top bar), there is messge:

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the js_composer domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/xxxx.com/wp-includes/functions.php on line 6121

So the website is corrupted now. what should i do?

HI,

The website isn’t “corrupted”, this is just a notice not an error so the site should still work just fine.

Now, the warning shouldn’t be coming from the theme itself, unless your theme is outdated.

  • First, make sure your theme and bundled plugins are all up to date – https://totalwptheme.com/docs/update-theme/
  • If you still see the warning, disable your plugins 1 by 1 to see when the notice goes away so you can tell which plugin is causing the warning.
  • Once you locate the plugin then you can let the developer know about the issue. Sometimes though the warning can be triggered by a combination of plugins though.
  • If disabling plugins doesn’t fix the issue then it could be an error caused by your child theme (if you are using one) – so be sure to also check your child theme.

Now, the fact that you see these warnings on your site, means that you have WP_DEBUG enabled. It’s not a good idea to keep this enabled at all times due to security reasons. So you should contact your hosting company if you aren’t sure how to disable it yourself so that they can disable it. In fact, because this warning is related to translations, if your not running a multi-language site then it’s not even a concern and so disabling WP_Debug so that the warnings don’t show up on your site is also a “valid fix”.

- AJ

Hi AJ,

I’m using the Flexible Container element, trying to space items evenly on the main axis. Your CSS applies wpex-justify-evenly to the flexbox, but nothing happens. I looked at the style.css file and there is actually no entry for that class. You have wpex-justify-start, -center, -end, -between, -around etc. but no -evenly. Is this possibly an omission or am I doing something wrong?

Thanks,

Charles

Hi Charles,

You mean “justify-content: space-evenly;” ?

If so, you are right it’s not included in the CSS Framework – https://totalwptheme.com/css-framework/justify-content/

The space-evenly value was introduced at a later date and wasn’t supported yet by modern browsers.

I’ve updated the theme to include it in the upcoming 6.4 version – https://totalwptheme.com/docs/upcoming-update-changelog/ (should be released at some point mid-late this week)

For the meantime, you could always give your flex container a classname then target it with a little custom CSS.

Or, submit a ticket and I can zip over a beta version with the change: https://my.totalwptheme.com/

- AJ

ps: I see the confusion, the Flex Container already had the option to space items evenly, but it wasn’t working. My guess is I added the option to the dropdown and was going to then also add the utility class and I forgot. My apologies! And thank you for reporting the bug.

No problem!

Sorry, my first post wasn’t very clear. There is an option for Space Evenly in the element and it adds the wpex class successfully, but with no effect. As it happens, I’ve found that centering works better for now anyway, but thanks for the future fix.

Heres a copy of the message I received: Your theme (Total) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. Suggestions to fix this:

Update your theme to the latest version. If no update is available contact your theme author asking about compatibility with the current WooCommerce version. If you copied over a template file to change something, then you will need to copy the new version of the template and apply your changes again.

Hi,

This is AJ the theme author.

I’ve already patched the outdated file in question for upcoming theme update: https://totalwptheme.com/docs/upcoming-update-changelog/

It’s a small, non-site breaking change. So the warning can be ignored for the meantime.

If there is every a site breaking change, I will push out an immediate fix. Thus, you can pretty much just ignore those warnings as I keep an eye on them and handle them accordingly.

The official update should be ready for download sometimes this week!

- AJ

AJ, hope you’re doing well, I’ve been using your wonderful program for 10 years. I’m getting a message from WooCommerce that some of my templates are not compatible with the new version of WooCommerce. I’m not actually using WooCommerce at all and wonder how I should handle this template situation? WooCommerce is saying that it is not compatibility with the theme and that I should look for an update which I am not at all sure about. Thanks

Hi,

I’m assuming you are referring to this warning: https://a.cl.ly/YEuY0vgZ (which may show up as a popup as well that you can dismiss).

In which case, I’ve already patched the file the upcoming theme update. It’s a very small change which has 0 effect on the actual live site. So the warning can be ignored.

If there is every a site breaking change, I will push out an immediate fix. You can pretty much just ignore those warnings.

Now, if you are not using WooCommerce on your website, then you should just de-activate and delete the plugin.

- AJ

Hi AJ, I used the button on this page to renew my support for a year. I would use you item support and submit a ticket but I don’t think my purchase has propagated to your system.

The purchase ended up include another license. I already have two licenses. I am wondering how I void this third license. And because this has happened before (hence, two licenses), how do I renew support without purchasing a license?

Thanks

Hi,

If you had previously logged into the ticket site and then renewed support you will need to click the “Refresh” button – https://a.cl.ly/L1ulwXGr – that’s because I cache user’s purchases on my end to prevent sending requests to the Envato API every time a user visits my site.

I logged into my site and I can see that your data was cached and it was showing March 23, 2025 as the end date for your support license. I refreshed it manually on my end – it’s now showing June 11, 2026 but it is also showing an extra license as you mentioned.

If you only want to renew your support license you need to click the correct button, which looks like this: http://totalwptheme.com/docs/wp-content/uploads/sites/51/2017/09/support-license.png (it says “Renew support”).

It sounds like instead you’ve purchased a new license. So you have 2 options:

1. You can submit a refund request for your latest purchase – http://themeforest.net/refund_requests/new – and I’ll accept it.

2. You can use that license on another website if you have one or give it to a friend for use (they’ll only be able to activate the theme though, not request help).

If you request the refund, I will accept it and then if you want to renew support only you can accordingly. I’ve never purchased my own support license so I don’t know exactly how it works, but I would imagine it would say something different in the cart, such as “Support License” not “Standard License”.

- AJ

Hi AJ

Mega menu question.

Re its behaviour on mobile.

Using the “sidebar” mobile menu.

When you tap the column header text, it does not reveal the menu items within. You have to tap the down arrow. Can it be amended to tapping the text behaves in the same way as tapping the arrow?

The “full screen overlay” works like that – you can tap the header text and it reveals the menu items. But the sidebar does not.

Hope I’ve explained it OK!

Thanks

James

Correction: Using the nav-no-click doesn’t remove the link, but it applies a -1 tabindex so it can’t be accessed by screen-readers and it makes the toggle 100% wide so it’s on-top of the link.

Ah – adding the no click class had the desired effect! Was confused why the full screen overlay behaved like that without the class though, but never mind, I got what I wanted. Nice.

The reason the full screen menu behaves this way is because it doesn’t have arrows.

- AJ

Hi AJ

I am trying to use a different logo on mobile, and have used this snippet:

https://totalwptheme.com/docs/snippets/mobile-logo/

However it’s not working, the mobile logo is appearing on desktop as well, beneath the regular logo – rather than just from the breakpoint. The regular logo is being hidden at the breakpoint, that bit works – the issue is the mobile logo is appearing all the time.

Also, there is no link to home on the mobile logo.

Screenshot: https://ibb.co/cc9Fdm2V

It’s header style 5.

Thanks

James

HI AJ

Just got round to adding the retina code, but I don’t think it’s working. Looks like the “standard” logo is still being shown on retina enabled devices.

Here’s the code:

function mc_mobile_logo_attrs( $attributes ) { $attributes['src'] = '/wp-content/uploads/2025/07/melior-mobile-logo.png'; $attributes['srcset'] = '/wp-content/uploads/2025/07/melior-mobile-logo.png, /wp-content/uploads/2025/07/melior-mobile-logo-retina.png'; $attributes['width'] = '182'; $attributes['height'] = '36'; return $attributes; } add_filter( 'totaltheme/header/logo/image_attributes', 'mc_mobile_logo_attrs' );

Your srcset is missing the 1x and 2x which tells the browser what the images are for.

$attributes['srcset'] = '/wp-content/uploads/2025/07/melior-mobile-logo.png 1x, /wp-content/uploads/2025/07/melior-mobile-logo-retina.png 2x';

And if you really want you can make a larger 3x image and add it to the list:

$attributes['srcset'] = '/wp-content/uploads/2025/07/melior-mobile-logo.png 1x, /wp-content/uploads/2025/07/melior-mobile-logo-retina.png 2x, , /wp-content/uploads/2025/07/melior-mobile-logo-retina-3x.png 3x';

But it’s often not necessary, the 2x usually looks pretty good.

- AJ

Great – thanks.

Hi AJ.

Hope you’re well.

It appears the Video element is not working for unlisted Vimeo videos. They display if using their native iframe embed, so something is up.

Would you mind taking a look as we have dozens of videos that now won’t display.

Forgot to mention…The theme’s Video element also supports setting type=”oembed” instead of type=”vimeo” or type=”iframe” so if you did want to use the theme’s Video element but return an oembed video you can.

They were not previously using the element, and have always had the same privacy.

I ended up using oembed just to cover all bases.

May I actually suggest that rather that the user needing to select YT/Vimeo, it automatically recognises.

Case. I have a CPT where the user entered Title and vid URL.

In the custom card, you need to separate elements to cover this.

(NB: I’ve been using Total for nearly 11 years, so have a chunk of ides :) )

Hi,

Gotcha, I thought you already had the video element added on the site and the videos were public but then changed to unlisted. It all makes sense now ;)

I’m confused by “May I actually suggest that rather that the user needing to select YT/Vimeo, it automatically recognises.”

I assume you mean your post type has the video URL inserted into the post content, is that correct? If so, this doesn’t make much sense. If your post type is just going to have a video URL in the content, it would make much more sense for the video to be in a custom field and have the post content disabled for the post type.

It would be a lot easier for me to understand what you mean if you can share a screen capture of the setup, thanks!

Feel free to share your ideas, often though customers that have been using the theme for a very long time will send me emails with their ideas and most already exist in the theme they just didn’t read the changelog to see when the feature was added.

At this point, Total can do pretty much everything it needs to do (while still keeping the theme fast and optimized) – right now my primary focus is on creating new/better demos. Of course I’m always open to feedback and if adding/changing something in the theme makes sense I will definitely consider it. The upcoming Total 6.4 has some cool new stuff – https://totalwptheme.com/docs/upcoming-update-changelog/ – hope to release it by the end of the week.

- AJ

Hello AJ, I’ve installed the latest version of the theme. Unfortunately, I can’t find the “Form Shortcode” element in the builder, which was in the previous version of the Theme. How can I restore it?

Thank you for your advices, AJ. Best regards

By the way, I’ve tried to insert your custom code on CSS, but the Form Shortcode element didn’t show.

This code isn’t CSS, it’s PHP, in fact it could potentially break your site if you add it into the CSS field, so be sure to remove it.

The snippet would be added in your child theme functions.php file (if you are using a child theme) or you would use a “Code Snippet” plugin (there are many free ones).

- AJ

RobNH

RobNH Purchased

Ever since the last theme upgrade (6.3), the Portfolio and Testimonials sections on my site, no longer work. Pages with Portfolio and Testimonial blocks, just show the JS Composer code. I’m running the latest version of WPBakery. Is anyone else experiencing this?

Hi,

This is AJ the theme author.

It sounds like WPBakery Slim Mode was enabled on your site – https://totalwptheme.com/docs/wpbakery-slim-mode/ – and your site is using older elements.

Slim Mode is never enabled by default or with an update, but it will be enabled if you import certain demos as I have it enabled on most newer demos to keep them faster.

But I also add a notice under Tools > Site Health to recommend enabling Slim Mode, so perhaps someone saw that and enabled it on the site.

Can you check and see if that’s the issue? If not please let me know so I can further investigate!

Now, if the issue is related to WPBakery Slim mode and want to make use of the functionality you have a couple options:

1. You can replace the elements that re removed when Slim Mode is enabled with alternatives (like the Post Cards to display testimonials/portfolio items).

2. You can re-enable certain elements you are using on the site via a little custom code. There is a sample snippet in the docs, I linked to above.

- AJ

RobNH

RobNH Purchased

That was it! Thank you AJ!

Hi AJ,

Can you advise whether it’s possible to recreate the hero layout from this website?

https://www.portofdover.com/

Thanks, Paul.

Hi Paul,

This hero section is a slider. So you would use a plugin like Depicter (free on WP.org and I my recommendation) or Slider Revolution (included with the theme).

Slides are such an advanced functionality and most the time people want each slide to behave differently, so this functionality is generally best done via a plugin instead of bloating up a theme (many slider plugins have much more code then the Total theme itself).

Now, technically you could do it without a plugin using these 2 theme functions:

1. Using the Post Cards and creating a custom post type named “Slides” to add your slides to. Ideally using custom fields for the data (title, excerpt, button link, image) – https://totalwptheme.com/docs/how-to-add-custom-fields/ – And then create a custom card for the layout/design – https://totalwptheme.com/docs/custom-card-builder/

2. You could add a section on the page with a row for each slide and then use the theme’s Toggle functionality to create the buttons to go through each slide – https://totalwptheme.com/docs/toggle-elements/

Where you may have some trouble if you try creating this layout using WPBakery is making the image extend out to the side. On your example site, this is done by inserting an image then positioning it absolutely with a fixed width: https://a.cl.ly/jkuBjGby. WPBakery doesn’t allow for absolute positioning inside the builder as it can create a lot of issues when trying to move items around or clicking on them to edit them. Thus, it will require custom CSS to achieve the same sort of extended image to the side.

I’ve added to my to-do list the idea of creating a new element specifically for left/right layouts where the image can extend beyond the container edge. I will look into updating the existing Feature Box element -https://totalwptheme.com/elements/feature-boxes/ – to support this functionality (if possible)

I think having a simple left/right text and image element, where the image can extend to the edge of the screen would be very useful for a lot of users.

- AJ

ps: For modern websites sliders are generally discouraged due to accessibility, usability, site speed and SEO concerns. I would recommend using a static hero section only.

Hi AJ, is it possible to export/import a website’s post categories?

WordPress doesn’t have the ability to only export categories, you would need to use a plugin such as – https://wordpress.org/plugins/wp-all-export/ – or export/import it directly from the database.

yoel123

yoel123 Purchased

Hi I want install at sub domain, the license just valid for main domain.

How to install on sub domain? Thank you

HI,

Correct, you will need to purchase a separate license for the separate domain.

- AJ

aljota Purchased

Hi! How is everything going? I need to create a private page for some users. IE: Users created by me could log in and access a page where they find their documents. That page and those documents (ideally created using total templates/modules) are available only to each user, so any of those users who log in and click the X link in the menu are directed to their unique page. Do you have any recommendations (plugins?) to achieve this that work fine with Total? Thank you!

Hi,

I hope you had a nice weekend.

What you are asking for is a fairly complex functionality. It’s simple if you know what you’re doing, but if not, it can be quite intricate. I would do this by creating a post type called something like user_docs. Each post in this post type would be named after the corresponding user. For example, if you have a user with the username john-cena, you’d also have a post with the slug john-cena.

Then you can restrict access like this:

// Restrict access to user_docs posts so users can only access their own
function restrict_user_docs_access() {
    if ( is_singular('user_docs') ) {
        // Redirect to home if user is not logged in
        if ( !is_user_logged_in() ) {
            wp_redirect( home_url() );
            exit;
        }

        global $post;
        $current_user = wp_get_current_user();

        // Compare post slug with current user's login name
        if ( $post->post_name !== $current_user->user_login ) {
            // Redirect unauthorized users to homepage (or another location)
            wp_redirect( home_url() );
            exit;
        }
    }
}
add_action( 'template_redirect', 'restrict_user_docs_access' );

For your link you could create it dynamically like this:

// Shortcode to generate link to current user's user_docs page
function user_docs_link_shortcode( $atts ) {
    // Only show to logged-in users
    if ( !is_user_logged_in() ) {
        return '';
    }

    $current_user = wp_get_current_user();
    $username_slug = $current_user->user_login;

    // Get post by slug and post type
    $post = get_page_by_path( $username_slug, OBJECT, 'user_docs' );

    if ( ! $post ) {
        return ''; // user post doesn't exist
    }

    $url = get_permalink( $post->ID );
    $link_text = isset( $atts['text'] ) ? esc_html( $atts['text'] ) : 'My Documents';

    return '<a href="' . esc_url( $url ) . '">' . $link_text . '</a>';
}
add_shortcode( 'user_docs_link', 'user_docs_link_shortcode' );

Shortcode usage: [user_docs_link text=”Go to My Docs”]

My Total demos login is locked behind my IP address for security reasons, so unless you are using my static IP address you won’t be able to log into my demos and you should see a 403 server error if trying to access the login page.

Not sure why you are trying to log into my demo ;)

- Aj

ps: Those snippets were created with chatGPT.

ps: I am available for hire if you want me to code something exclusively for you email me at wpexplorer [at] gmail dot com – depending on what you want, you may want to setup some advanced custom fields as well for the post type for defining the user docs and then displaying them automatically – rather then having to build each page with a page builder.

aljota Purchased

Thank you! It is good to know that you are available for hiring! About the login, it was just a click on the “user login” link at the top bar of the demo. I thinnk i wanted to know if a front end login form would appear :P

Hello. I have the following issue wehn creating posts in my blog:

The permalink generated does not include the “www” prefix, only the slug. https://www.steel-tec.es/blog/

How can this be fixed? Thank you

Were you able to fix the issue? If so, what was it? Thanks!

- AJ

Yes! The link URL in card settings was incorrect as you suggested. Removing it entirely solved the issue. Thanks!

Glad it was an easy fix, thank. you for letting me know!

- AJ

Hi AJ

Another Post Types Unlimited question.

Is it possible to set a default within a Taxonomy? I mean, if a post is saved without the author selecting a Taxonomy, can it automatically default to one? As it stands you can save a Post and leave the Taxonomies blank.

Screenshot. I am using a Taxonomy with Just Events. The options are “yes” or “no” which I then use to decide whether the event is shown on a homepage card or not: https://ibb.co/CpSKwKtz

I can save the Event with them both unchecked, and they remain unchecked. It would be good if it could default to “Yes” when saved, if they are left blank.

(This is a “nice to have” since I have the card query set to exclude “no” which means “blank” behaves like “yes” – which is OK).

Standard WP Posts have the ability to allocate a default Category. Settings > Writing > Default Post Category.

Could it be achieved with a code snippet if not in the UI?

Like I say, a “nice to have” not a priority.

Thanks

James

Hi James,

There is no built-in way in WordPress to set a default taxonomy value, it would require custom code. But it’s not something I would recommend, especially not with what you are doing.

What you are trying to do isn’t what taxonomies are intended for.

In your case, it would make more sense if you had a taxonomy “Event Categories” that you use to organize your events and then you have a specific category named “Hide from Homepage” (or whatever). Then you exclude that category in your homepage query.

This yes/no functionality just doesn’t make any sense as a taxonomy. If you specifically wanted to have the user select yes or no, then you would use a custom field: https://totalwptheme.com/docs/how-to-add-custom-fields/ – and it would make more sense as a single checkbox “Hide from Homepage” and then your homepage query would exclude that custom field like such: https://a.cl.ly/NQum9BOX – assuming your custom field is a checkbox named “exclude_from_home” and when checked the value saved is 1.

In general when working with a database you want to avoid saving useless data. For example, if the default is “yes” there is no point to save that value into the database. It makes more sense to only save “no” values into the database. Otherwise you not only bloat up the database with default values (which are assumed, you don’t need to store them) but you also create a lock in effect, where in the future if you want to change the default you then have to manually edit every post.

- AJ

Thanks for the great advice, AJ!

Hi AJ,

Long time ago. I hope you are doing well. I am trying some new stuff on one of the websites I maintain. What I would like to do is create some ‘fancy’ menu. I was thinking about a main menu item with a collapsible mega menu. In the mega menu I would like to use a dynamic template in which I can use all kinds of standard elements.

In the past I have used Uber menu for this but it created a lot of bloat on the website. Is there a way to get this done using ‘plain’ Total theme? Maybe with the use of some snippets/hooks.

-Bjorn

ps: I wrote a little doc for this if you want to bookmark it: https://totalwptheme.com/docs/dynamic-template-mega-menu/

Hi AJ,

Wow, that is looking great.I will experiment with it and fihure out how to use it. This is giving a lot of options.

Thanks!

- Bjorn

I will also try the header menu’s. I never used it before but it is looking promising as well.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey