22314 comments found.
Hi AJ,
Is there a function where we can save rows or even entire pages as patterns? Export/import would be really good and save a ton of time when setting up new sites.
Thanks, Paul.
Hi Paul,
You can do this via 3 methods:
1. With the bundled Templatera plugin, but it’s not technically the same as the theme’s “Patterns” because you won’t have screenshots and the templates are accessed differently. Example video: https://a.cl.ly/WnuPAAWn – it saves the whole page, so if you want to make templates you would add your code, save it, delete everything make your next “pattern” save it…etc. There is a Templatera tab in the WPBakery settings page so you can export/import the templates.
But I don’t generally recommend this, because the Templatera plugin adds HTML for every template you create whenever you open a page that has the WPBakery page builder. So each template will insert HTML like this:
<div class="vc_ui-template vc_templates-template-type-templatera_templates" data-template_id="5627" data-template_id_hash="5898d8095428ee310bf7fa3da1864ff7" data-category="templatera_templates" data-template_unique_id="5627" data-template_name="template-1" data-template_type="templatera_templates" data-vc-content=".vc_ui-template-content">
<div class="vc_ui-list-bar-item">
<button type="button"
class="vc_ui-list-bar-item-trigger"
title="Add template"
data-template-handler=""
data-vc-ui-element="template-title">
Template 1
</button>
</div>
</div>
If you have a ton of templates it will start to greatly increase the page HTML and could potentially slow down the editor.
2. With Total Dynamic templates. These are a custom post type, so you can export them via Tools > Export. But the dynamic templates aren’t intended to be used as “Patterns”.
3. You can create your own custom “Patterns” plugin. You can see how the theme does it by looking at the code at Total/inc/integration/wpbakery/patterns.php – there is quite a bit involved. And actually in the upcoming update I’ve optimized the code so patterns will be ajax loaded, so if you were to do this you would probably want to wait until the next update.
If you are creating a lot of the same type of sites (it sounds like it) what most developers do is they create “dummy” staging sites (like 10-20) for different niches and then they simply duplicate the staging site over when creating a new client site. This way they have a full-fledge starter site and they just have to replace text/images. So not only is it faster, it will keep your actual sites slimmer as you won’t be bloating them up with a bunch of templates that are only needed for the initial site creation.
- AJ
I think the staging site option will be ideal but I don’t think it’s an option – although all my clients and myself are with Siteground the hosting packages are separate. I can check but I don’t think I can push from my own package to another. Maybe if I have collaborator access to the destination. I’ll check, thanks.
Hi,
From what I can see you can transfer ownership of a site: https://www.siteground.com/kb/can-transfer-ownership-website/ – so essentially you would need to have your staging, then duplicate and transfer the copy. Assuming that works…
PS: If you have a substantial customer base, I can create a custom theme for you (offering the same functionality as Total) tailored specifically to your needs. I’ve done this for several clients already. With a custom solution, you won’t have to purchase hundreds of licenses each year, worry about updates and have a custom theme for your brand. This isn’t a “budget” service, but I provide it at a much more reasonable price than others, ultimately saving you significant time and money. Pricing starts at $4,500.
- AJ
This plugin does the job. It would be great to see this functionality in Total
https://en-gb.wordpress.org/plugins/vc-templates-import-export/If this is what you wanted, the functionality already exists via the bundled Templatera plugin and you can import/export via WPBakery > Templatera: https://a.cl.ly/v1u8xeBq
Hi AJ, Is there a date set for the upcoming themeupdate? Thanks!
I don’t set specific dates, but it will 100% be ready this week before the Black Friday/Cyber Monday sale. I will try my hardest to get it done by tomorrow!
- AJ
Thank you AJ! I see you mention “there are a few critical bugs that need to be resolved first” are those also WP Bakery related? Thanks!
Hi,
The critical bugs are in the latest WPBakery version (not the one currently included with the theme) and the WPB developers already fixed a couple and I manually patched another one which they said they couldn’t recreate.
I finished the update, but I still need to update my landing page and demos and test everything that was added/changed to make sure there aren’t any bugs. I wanted to have it released today, but I don’t like releasing updates late at night incase anything goes through. So I will likely test for the rest of the day/night and push out the official update tomorrow.
Thank you for your patience 
- AJ
Thanks for the explanation, AJ, and your thorough work is much appreciated. Of course, I understand bug fixing takes priority over a release. So, will there be another WPB update first, or were those updates specific to Total?
Hi,
Nope, not waiting for another WPB update – Total 6.5 is now live
https://totalwptheme.com/docs/changelog/6-5/
- AJ
HI, im trying to use a license from an old disused site. ive deactivated it so its no longer visible in licenses. when i hadd the license to the new one it just refreshes and doesnt activate either on the site, or on the managing license page.
never mind, i’ve sorted it
Thank you for letting me know 
Hi, Is possible revert change in the theme for the icons? Now use <svg> code and i need use like before, with ::before css element. Thanks
Hi,
This is Aj the theme author.
It’s not possible to “revert” the change. This is a huge optimization because loading font-icons is very large and slows down site speed and lowers Google page speed scores.
If you have custom CSS on your site using ::before you have 2 options:
1) You can update your custom CSS to use modern CSS by adding the icons as SVG’s. Example:
.element::before {
--wpex-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z"/></svg>')
content: "";
display: inline-block;
height: 1em;
width: 1em;
vertical-align: var(--wpex-icon-offset, -0.125em);
background-color: currentColor;
margin-inline-end:var(--wpex-sidebar-widget-icon-margin, 10px);-webkit-mask-image: var(--wpex-mask-image);
mask-image: var(--wpex-mask-image);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center
}
This way your site will remain fast and use modern methods for displaying icons. Also you can use ANY icon you want from any icon set and aren’t restricted to theme icons. Now, the theme icons are originally from FontAwesome so if you want to locate the SVG for any icon you can do so on their site – https://fontawesome.com/search?o=r – or you can use any other icon set, other popular ones are Bootstrap, Material and Feathers.
If you wanted help updating your CSS let me know. You can share the URL and I can provide you with the code.
2) If you want a quick fix, I made this plugin you can enable on your site that will load the font icons set like it used to: https://share.zight.com/o0u1y6ZQ
The theme will still use SVG icons wherever the theme displays icons, but any custom icons you added with CSS should then work as they did before.
- AJ
tl;dr: retrigger milestone animation?
Hey AJ, I try to create an interactive pricing table with milestone elements for the prices and ”+” icons (with the wpbakery icon element) with links to add (or even remove) services (and update pricing/ numbers). Therefore, I need to change the milestone numbers which i can do with jQuery, but then I want to retrigger the milestone animation to make the change more obvious.
How can I achieve this?
Thanks in advance 
Hi,
If you are overriding the element you can re-run the milestone script like this:
if (typeof vcexMilestone === 'function') {
// Remove the vcex-countup-init data attribute so the script thinks it hasn't been initialized
targetElement.querySelectorAll( '.vcex-milestone-time' ).forEach( function( element ) {
element.removeAttribute( 'data-vcex-countup-init' );
} );
// Re-run the script
vcexMilestone( targetElement );
}
Where targetElement is the milestone element you are modifying.
Now, keep in mind that when you do things like this, if anything changes in the theme (perhaps in the future I need to switch count-up scripts or I make my own) then you will need to modify your script to work with the updated theme.
Sometimes, when using elements not as intended, it’s better to write all your own code (create your own countUp function/element) so you have full control and don’t have to worry about potential changes in the theme.
For this case, maybe creating your own pricing element would make sense that has everything you need built-in without anything you don’t need.
- AJ
ps: Total doesn’t use jQuery for a bout 99% of it’s code and I highly recommend ditching it for your custom code as well. Modern javascript can do everything without the need for jQuery. If you are more familiar with jQuery you could always pass your code from an AI tool like chatGPT to generate the vanilla JS version. This way you aren’t having to load the extra dependency on your site and the code will be more optimized.
Hello AJ,
I have a strange issue/conflict with stripping br elements. Specifically when fetching a term description, all br tags are being stripped from the output, resulting in run-on paragraphs, even when using a clean shortcode bypass.
Debugging evidence:
a) I added a high-priority PHP filter (add_filter(‘term_description’, ‘my_func’, 1)) to protect and re-insert the br tags, but the output still strips them and sometimes inserts an instead.
b) Native Element Fails: The native “Term Description” WPBakery element strips all formatting.
c) Using a standard WPBakery Text Block with a custom shortcode (which calls term_description()) still results in stripped br tags, confirming the stripping happens AFTER the core term_description filter, and AFTER the content is returned to the WPBakery shortcode.
So i suppose there is a late-running filter or JavaScript function that is aggressively sanitizing content returned within the WPBakery rendering environment.
Could you please provide the exact PHP hook or theme setting that allows me to disable or bypass the final content sanitization/stripping logic that the theme or WPBakery applies to content within the wrapper? I need to preserve standard HTML tags, specifically br .
Thank you
Hi,
The Total “Term Description” element actually passes the description through the same hooks that WordPress uses for post content which preserves HTML and also automatically adds paragraphs and line breaks so you don’t need to manually add them
WordPress does strip out the br tags (tested on a clean install with the default WP theme) but they are not needed since you can use single spacing for this. Of course if you really want to use br tags for some reason you can use the theme’s [br] shortcode which will be preserved – https://totalwptheme.com/docs/br-shortcode/
Here is a a sample video testing with the term description on a dynamic template: https://a.cl.ly/6qu47kEb
If it’s not working like this, there is likely a 3rd party plugin or child theme code that is actually messing things up. Have you checked?
That said, the WordPress description is not the best for adding more then just a description. What you could do instead is use a plugin like ACF to add an actual WP editor to the category edit screen and then display it via the Custom Field element in Total. This may be easier for the end user.
- AJ
Invalid License? I recently made a bunch of changes with my hosting account and when I just went into my WP Admin to check on updates needed etc I noticed that in Theme Panel > Total > Theme License I have a message that says “Invalid: Already in Use”. This is the only site I use the theme with. When I go to the Total theme manager my license is active and it has the correct domain. WHat’s the situation here?
Hi,
This is AJ the theme author.
I can see that your license was registered to the HTTP version of the site but now it’s using HTTPS so the domains don’t match. That’s why you don’t get the error. You can log into the site and click the trash can next to the license to de-register it, then re-add it to your site. But I’ve already manually updated it for you – if you log back into the site and go to the License Manager it should properly validate now.
Let me know otherwise or if I can help with anything else!
- AJ
ps: Cool site & recipes – I do love me some beans 
Need support, but can’t access any support link here.
The envato API (https://my.totalwptheme.com/log-in/) throws:
error: invalid_redirect_uri error_description: redirect_uri did not match any of the client’s registered redirect_uris iss: https://api.envato.com
My problem is that the media grids are disappearing from view, loads and shows for an instant and then just vanishes.
Already tweaked and disabled cache and performance plugins.
TO ME; It looks that this issue was introduced in the Sep/24th update.
The envato login is working now… I’ll open a ticket there.
Hi,
This is Aj the theme author. I just replied to your ticket!
Sorry to hear you were having some issues with the Envato API. For the future you can use the “lost password” link on my site so you can set a custom password and not have to use the Envato Login. The Envato login is only required for the initial login so it can create an account for you.
- AJ
cannot login to my.totalwptheme.com using themforest account
https://prnt.sc/wKe9DSKK4IThHi,
This is Aj the theme author. It looks like there may have been an issue with Envato yesterday as another custom mentioned the same error, but it appears to have been fixed now.
If you still have issues though, please let me know!
- AJ
HI why i got invalid license in my wordpress site. i only have one registered site and one license. please fix
https://prnt.sc/eQRw7a2VXP6I https://prnt.sc/3YIDSkzjAVMDThe license was registered to the HTTP domain but it’s been updated to use HTTPS so the registered version doesn’t match the live site.
To fix, you can click the trash icon next to the license to remove it, then you can re-add it to the site so that it’s registered to the proper protocol. But I did this for you manually already so you don’t have to.
I will update the license manager table to display the protocol to prevent confusion 
- AJ
thanks for the support AJ. one more question. im planning to move my site to the bigger server. but the domain will be the same. do i need to buy another license since my IP address will be changed ? thank you in advance
No you do not 
And you can always move your license around, so even if you change your domain name you can always de-register the license and then register it on a new domain as well.
- AJ
Hi AJ
The right side of the top bar and header overhang the rest of the site by around 10 pixels – see screenshot of what I mean:
https://ibb.co/RpG3dRqtIt’s probably something I have done but I am struggling to spot it!
Can you check it for me? Really appreciate it.
Thanks
James
Hi James,
Oh, you mean horizontally, I was confused at first because I typically think of an overhang as vertical.
This actually has to do with Header Style 1. This header style places the menu absolutely and thus it needs to calculate spacing between menu items, padding, etc to properly place itself at the end of the header so that the last menu item text lines up with the site. See here: https://a.cl.ly/Jru9j7zY
When you add the button at the end of the menu it can create this overhang.
Easiest solution is to swap your header style to the Flex – Right Menu style. Then add your button like this – https://totalwptheme.com/docs/header-aside/ – this provides more flexibility anyway and the shrink header animation will also be smoother.
- AJ
ps: Modern CSS has a newly supported :has() attribute, I will look at fixing this issue in the next update as it is possible know to detect if the last menu item is a button and thus remove that negative offset.
Hi AJ
https://shorturl.at/duGAGOn the hero image at the top, this site has a theme button which should local scroll to a row ID “request-a-quote”.
The scrolling is falling short of the row – it stop scrolling early.
Can you have a look?
Thanks
James
Hi James,
It’s working correctly for me: https://a.cl.ly/Jru9j77A
Is the issue happening in any specific browser? I know that some browsers may round numbers so lets say the position of the element is located at 600.8px from the top of the site it will calculate that to 601px. To prevent this I do have a 1px buffer in the theme so the local scroll function always rounds down instead of up to prevent potentially covering up content (which could be worse then displaying 1px before). Is that what you see, a 1px difference?
Or perhaps you want it to scroll past the padding? If so, you would want to insert a new row with a spacing element for that padding so that it’s not part of the element with the local scroll ID.
- AJ
Sorry AJ, I didn’t explain it properly. It’s not the “scroll” link, it’s the “request a quote” button above it. It was leading to a different page entirely when you checked, but is now back to local scroll. You’ll see it falling short now … let me know.
Hi,
The problem is that right above this section is a carousel of Google reviews which is not visible on initial load so the height of that section (once it’s created) is not included in the scrollTo calculation. That’s why if you click it once then click it again it will work properly.
The only “fix” if you want that carousel would be to give it a min-height with CSS so that it takes up space even if the reviews haven’t yet loaded.
Personally I would avoid that local scroll button completely as it’s a bit confusing for the end user, especially when the button in the header goes to a separate location. I wouldn’t personally expect that button to scroll down.
- AJ
Thanks AJ. Yeah, I was wrestling with the idea of local scroll vs new page. I’m going to change it to new page.
HI AJ. I use the “Full screen (under header)” mobile menu but it seems there are no preset dropdown indicators. I am able to add them via CSS (:before) but I then struggle to achieve the following behavior:
- click on the parent nav menu item name -> open the according page - click the dropdown indicator symbol -> show/hide child menu items
Am I missing sth.? What is the best way to include dropdown indicators for the full screen menu and have the aforementioned functionality?
Thanks in advance 
Hi,
The full-screen mobile menu works differently and it doesn’t show the indicators, because the whole parent link is clickable for dropdowns, unlike the other mobile menu items that support having both a link and a dropdown. It would take quite a bit of advanced javascript to convert this specific mobile menu into what you want.
Instead, simply use the “Dropdown (Full Height)” option. As the name implies it’s a dropdown (aka under the header) but it’s full height (covers the rest of the page). It will look like the mobile menu on this demo: https://totalwpthemedemo.com/consultative/ – so it will have the left aligned items and any dropdown will have the icon on the right.
- AJ
Thanks. Works perfectly. 
Hi AJ, Hope you are well. I’m using post cards filtering combined with navigation bar as you have described in one of the help pages and it works fine. I tried to use a dynamic variable (category or term_description) as Heading in Post Cards element but then when I choose a category from the navigation the cards become grey an the spinner don’t stop to turn around. If I use a word for Heading it works fine, but it doesn’t work with custom variable. Am I doing something wrong? Thanks !
Hi,
If you open the browser console do you see an error like “[vcex-ajax error] Atts nonce check failed” – I tried recreating what you said and for me I am getting this nonce error. Working on a fix for the upcoming update! Honestly, not 100% sure what’s going on but I think the issue is that because of how WPBakery works the shortcode is parsed into a value so when checking the security nonce which is based on the parameters it doesn’t sync up.
I can let you know as soon as I have a fix if you wish to patch the site temporarily before the official update.
- AJ
The issue is exactly as I suspect…The security nonce is created based on the shortcode attributes has the parameters so it would have heading=”{{category}}” – but once it’s printed in the HTML it get’s converted to a value so now its heading=”actual value” – this causes an attribute mismatch and will cause the security check to fail.
The fix is easy though and I fixed it for the upcoming update. If you want shoot me an email at wpexplorer [at] gmail dot com and I can zip over the patched Total Theme Core plugin today so you don’t have to wait for the official update.
Thank you for reporting the bug!
- AJ
I’ve got a fix if you shoot me that email I’ll zip it over asap.
Integration for “Easy Digital Download”.
Hi AJ. 3 months ago we discussed the possibility of adding an integration for Easy Digital Download to TOTAL THEME. Have you been able to make any progress? Can I help you, for example, by specifying the requirement or carrying out tests? Sincerely
Hi,
I still haven’t forgotten, I just really haven’t had a chance to work on this and since there hasn’t been any other customers or pre-customers wanting to use EDD (everyone seems to just use WooCommerce) it hasn’t been a huge priority.
I can tell you for sure the plugin works, you just don’t have full control over the design in Total so by default it will look kind-of like the blog because EDD doesn’t create custom templates like WooCommerce or other shop plugins. So making the plugin look “pretty” can be quite a lot of work and introduce a bit of bloat in the theme.
But please feel free to email me directly at wpexplorer [at] gmail dot com if you did have any specific feedback or wanted to assist in anyway.
- AJ
All of a sudden I have code being displayed instead of content. What causes this? All plugins are up to date.
[vcex_staff_grid css_animation=”fadeIn” columns=”4″ equal_heights_grid=”true” pagination=”” order=”DESC” orderby=”date” filter=”” entry_media=”” title_link=”nowhere” position=”” show_categories=”” social_links=”” excerpt=”” read_more=”false” content_alignment=”left” img_rendering=”” custom_excerpt_trim=”true” columns_gap=”30″ content_css=”.vc_custom_1567058055841{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 10px !important;padding-left: 30px !important;background-color: #ffffff !important;}”]
This is on this page: https://softquest.co.il/team/
It appears that when slimmode is turned off it works fine. When was slimode introduced and why was it the default?
Hi,
This is Aj the theme author.
Slim Mode is not enabled by default and it must be enabled manually via the Theme Panel. There is nothing in the theme that would automatically enable it. Someone has to go to the Theme Panel, check the box and save the settings.
You can learn more about the functionality here: https://totalwptheme.com/docs/wpbakery-slim-mode/
- AJ
Hi AJ, Where can i find Total Theme tutorials for beginners?
All the Total docs are here: https://totalwptheme.com/docs/ – you can use the search function to find specific articles.
If you can’t find your answers in the docs, let me know. I’m always updating and creating new documentation.
- AJ
Hi Aj, just realized some options (background, size, color…) of the “Off Canvas Menu” don’t work if you put it inside a flex container on a custom header template… I had to use traditional WPBakery columns instead of the flex container, but couldn’t understand what was happening. Just FYI. Not sure if that is something really needed.
Hi,
Being in a Flex Container shouldn’t make any difference…that’s very weird!
I recorded a video test and it’s working for me: https://a.cl.ly/Jru9P1OP
The only thing I can think of is that there is some custom CSS on the site overriding items inside the Flex Container.
If you want it in a flex container and still have issues, please share the URL and I’ll check it out (you could create a new page called “test” or something and add your header code there so you can share and not actually have to update the header).
- AJ
Hmm, that’s exactly what I couldn’t do… even deleted all custom CSS for testing purposes. But I just tried it on a different staging site and it worked flawlessly.
If I have some time next week, I’ll reproduce it, look into it further and share my findings and/or share the link.
As always, thank you for taking a moment to answer so clearly! (Next time, I will try on a different installation first.)
Hi Aj,
Do you have any more demos of Total being used on an ecommerce store.
Is this something you are looking at adding more demos that can be installed etc.
love the theme been using for years
Adam
Hi Adam.
I am creating new demos and it’s something that I will be making a priority. I actually have a new minimal shop demo in the works: https://totalwpthemedemo.com/boutique/
Feel free to share inspiration (you can email me directly at wpexplorer[at] gmail dot com with links/screenshots. I have tons of inspiration but if there is a specific shop style you were looking please share so I can add it to my inspiration folder 
- AJ
WPBakery Page Builder Vulnerability in v.8.6.1
Total v.6.4.2 installs WPBakery Page Builder v.8.6.1 & WordFence have issued an advisory that users need to update to 8.7.0 or later to avoid this (see link below).
Will you be able to update so that the later version of WPBakery is available for download and install?
Thx Mark
Wordfence advisory: https://www.wordfence.com/threat-intel/vulnerabilities/wordpress-plugins/js_composer-2/wpbakery-page-builder-861-stored-cross-site-scripting-via-custom-js-module
OK. Fired this up and just saw others have already raised this. You can ignore and I’ll wait for update.
Hi,
This is Aj the theme author. I am aware of this and I’ve added a notice to the upcoming changelog: https://totalwptheme.com/docs/upcoming-update-changelog/
In general if there is a high priority security issue I will release the update immediately, so if you see a warning from WordFence but don’t see a theme update most likely it will be in the next update.
Let me know if you have any questions!
- AJ
Hi AJ
I sent the FTP details for the quantumleapgolf site by email last week.
I’m guessing you haven’t seen that email yet, but could you please take a look at your earliest convenience.
Thank you, Tony
Hey Tony,
Sorry for the delay, I had to skip town for a family emergency.
I fixed the issue and replied to your email.
- AJ