22402 comments found.
Hi AJ, I currently have 12 licenses for the theme. The first license I purchased points to a domain I set up when developing the website, and that domain is no longer active. Because of this, I can no longer perform updates with this license. How can I assign the correct domain to the license code so that it’s accepted again and I can install the updates?
Hi,
You can always log in here – https://my.totalwptheme.com/ – and click on “License Manager” at the top to view all your licenses and easily un-register a license from a specific domain (click the trash icon). Once you un-register the license you can then register it to a different domain.
Now, for future sites you can now also register unlimited licenses on staging sites so that if you move it you don’t need to worry and can re-use the license on the live site. Staging registration only registers the license locally and not with my API. More info on the docs here: https://totalwptheme.com/docs/activate-theme-license/#h-staging-license-registration
Let me know if you have any questions or issues!
- AJ
Hi AJ, thank you so much for your quick reply. I was hesitant deleting a license in the License Manager because I wasn’t sure what would happen. Everything worked out fine 
I’ve thought about changing the trash icon to something else so it’s less “scary” but I wasn’t sure what I could change it to. If you have any ideas, let me know! I didn’t want to use a button/text because it makes the table to bulky.
- AJ
Your recent post above was alife-saver as I had just enabled WP Bakery Slim mode and couldnt undertand why my site was wrecked! I have disabled it and will take a more leisurely approach to removing older elements!
Hi,
In the upcoming Total 6.6 update – https://totalwptheme.com/docs/upcoming-update-changelog/ – I’ve removed the recommendation for Slim Mode from Site Health which is why I think many customers were enabling it.
Now, if you wanted to use the feature and needed any help making the transition let me know!
I did also want to mention, that enabling this feature is primarily for sites on really cheap hosting that need to slim things down as much as possible or for users that prefer not having so many elements available when using WPBakery. It’s not going to drastically speed up a site or make a huge difference for most.
- AJ
Hi, I’m having trouble login in at https://wpexplorer-themes.com/support/. it says “Domain not active”. When I follow the link mentioned on this page (https://api.envato.com/session/end/confirm) and login with my envato account I’m having an error message on page: “error”: “The HTTP method and path you requested is invalid. Please check the API documentation at https://build.envato.com/api/ and ensure that you’re using a valid path with the correct method.”, “reason”: “not-found”} Can you please let me know how I can login into the support forum on your site?
Hi,
This is AJ the theme author.
The support site was moved like 5 years ago and it’s now located here: https://my.totalwptheme.com/
I tested the Envato Login button incase there is any issue with the API and it’s working correctly (tested with 2 different accounts). You may want to try in a new browser or incognito window just incase.
That said, I see you do have an existing account on the site, which means you don’t have to log in with Envato. You can try resetting the password – https://my.totalwptheme.com/reset-password/ (your account is using an email that starts with mesi and located at hotmail. If you still have access to that email adddress then you can reset the password and login using your email/password instead.
You can also email me directly at wpexplorer [at] gmail dot com and I can help you figure things out privately.
- AJ
Thanks AJ! When I try an incognito window all is working fine.
Great, thank you for letting me know!
Hello, I want to make a portfolio grid but can’t find the element in WB Bakery. Has it been removed? Or renamed? How can I make a portfolio grid? Kind regards, Astrid
Hi Astrid,
The best element to use is the Total theme’s Post Cards element. This element allows you to choose from many preset designs or you can create your own custom entry design! See the docs here:
The Portfolio Grid hasn’t been removed completely from the theme, but if you enabled WPBakery Slim Mode – https://totalwptheme.com/docs/wpbakery-slim-mode/ – then you won’t see this or many other of the older elements which aren’t really required anymore since the introduction of the Post Cards.
- AJ
HI AJ, Oh… Now I understand the Post Card element. This is really cool. You can build a whole page with it. And it works. Thanks! Astrid

- AJ
Where do I find the Elementor plugin for the Total template that I can upload to my site?
Hi,
This is Aj the theme author. I’m not sure what you are asking, because the word “template” is usually referring to the theme itself “Total”.
Are you trying to import a specific demo with Elementor? If so, not all demos are yet compatible with Elementor because I have very few customers that use Elementor (nearly all customers use WPBakery) so I’m adding the demos only as requested. See the notice in the admin: https://a.cl.ly/7KuG1GYl
Now, the Demo Importer is pat of the “Total Theme Core” plugin which you should always activate with the theme – https://totalwptheme.com/docs/total-theme-core-plugin/ – so if you don’t see the Demo Importer and you have the plugin enabled then most likely you’ve disabled the Demo Importer via the Theme Panel.
Is this what you are trying to do (import a demo)? And if so, which demo did you want to import with Elementor?
If not, can you please explain? Thank you!
- AJ
Hi AJ, thank you so much for the feedback.
I realised I didn’t frame my question correctly, If I want to use elementor instead of WP Bakery and I see with all the details of the Total Template, that you have items that you have added that are part of the total template into elementor. Do I install the normal plugin and the extra Total items will show in the elementor menu items or is there a special Elementor Plugin for the template that I must import to be able to use elementor?
Hi,
All the theme element’s are part of the Total Theme Core plugin. What I’ve done is separated the code used for WPBakery and Elementor so if you activate WPBakery it loads the files needed to register the elements with WPBakery and if you activate Elementor it then loads the files needed for Elementor. This means you don’t need to install any extra plugins and everything is still well optimized for everyone as only the code needed for the active builder is actually loaded on your site.
If you have any issues or other questions please let me know!
- AJ
ps: The upcoming total update has some cool enhancements for WPBakery such as Gradient backgrounds, custom field based colors, new inner row settings, responsive preset row column gaps…etc. See here: https://totalwptheme.com/docs/upcoming-update-changelog/ – personally I find elementor to be a bit buggier and requiring a lot more server resources than WPBakery. Is there any particular reason you were thinking of swapping? Oh, I also have a large comparison article of both builders you may find interesting here – https://totalwptheme.com/docs/choosing-a-page-builder/
Hi AJ,
I have an Image Banner element inside a row which is set to “stretch row and content (no paddings)”. The Image Banner doesn’t stretch to the full width of the page—it’s 7.5px short either side due to a scrollbar width of 15px being removed from the row:
.wpex-vc-full-width-row:not(.wpex-vc-full-width-row--centered) {
--vp-width: calc(100vw - var(--wpex-scrollbar-width...
I can email you an image if required.
I can adjust the row width with Custom CSS, but am I missing a setting here that you provide to deal with this?
Thanks, Charles
Hi Charles,
Can you share the URL in question so I can take a look?
The way the CSS works is the—wpex-scrollbar-width variable is by default 0px and the theme uses javascript to detect if the scrollbar is visible in the browser to then offset it by it’s width (15px in most browsers). If your are seeing that 15px offset it means a scrollbar was detected and so we need to offset it’s width, but if you aren’t actually seeing a scollbar there could be a bug.
I’ve tested in all the major browsers (Safari, Edge, Chrome) without issues. Sample video in Chrome: https://a.cl.ly/KouXONbm
The only thing I can really think of is if perhaps you have added a 3rd party plugin or custom CSS to modify the default browser scrollbar.
If you don’t want to share the site live you can open a private ticket – https://my.totalwptheme.com/
- AJ
ps: Also, when you inspect the element in Chrome dev tools it can bug out as a scrollbar is sometimes added in dev mode (that can’t be detected in the theme’s js) so you need to refresh the page.
Hi AJ, how are you?
I’m developing a project using Transparent Header only on the homepage (is_front_page) and a header with option 7 (Flex Centered Menu). Since the homepage background is also dark, I set the menu style to White Text.
Everything works perfectly; my problem is only with the menu hover on the homepage. I noticed there’s a transparency (255.255.255.0.5). I need to remove this transparency. I managed to do it with custom CSS, but it affected the menu globally, on all pages, and my intention is to only affect the homepage.
I saw that your website does exactly what I need: https://totalwptheme.com/
Sorry for my poor English.
Thanks from Brazil.
Hi,
This is the CSS I’m using on the landing page.
body #site-header.overlay-header.white-style.dyn-styles #site-navigation {
--wpex-hover-main-nav-link-color: var(--wpex-white);
}
By targeting the ‘overlay-header’ class we only target the transparent header, the ‘white-style’ class targets the white overlay header style and the ‘dny-styles’ class targets the header when it’s not sticky.
I have to use body at the front to increase the CSS priority since my code is added to a child theme style.css file, but if you are using the Custom CSS panel you may not need it, but it doesn’t hurt to add.
This opacity hover was added in the original design as it was popular years ago and I have considered removing the hover affect, but I do worry about customers that may be using and liking it.
Let me know if you have any issues or I can help with anything else!
- AJ
ps: I’m going to add a new “White (No Opacity Hover)” style in the next update as well so you can easily do this without CSS. I think it’s a good way to offer an alternative without introducing new options.
Hi – been using this theme for years and been very happy with it. Dont have a problem as such, but have recently changed my site footer arrangement – Footer 2 contains 3 stacked images (industry logos) but they are left-aligned in the footer ares. I cant find any way to center align these – is there one? In the documentation I did come across a way of center aligning the bottom footer using custom CSS, but would need to know what name to use in any CSS code for Footer 2 (if there is no other way to do it). Thanks
Hi,
Aligning these images depends on how they were added, can you share a link to the site so I can see?
Assuming you are using the classic Image widget, there isn’t an obvious way of doing it but it’s possible. What you need to do is click to edit the image, toggle the “Advanced Options” and under “Image CSS Class” you can add aligncenter. Here is a video: https://a.cl.ly/xQu24Qv5 (I can select the class because I had already tested it in the browser, you’ll need to type it in)
Now, for full control over your footer design you can also disable the default widgets and use the page builder to create a custom footer – https://totalwptheme.com/docs/footer-builder/
- AJ
thank you – that worked. site is amazingracing.co.uk
I have two TOTAL theme licences, one for each of my blogs. However, on one of the blogs, it says it is INVALID: ALREADY IN USE. I have not used it anywhere else, and I just checked my TOTAL account and it says that license is still active. What do I do?
Hi,
This is AJ the theme author.
This notice means that the domain where your license is registered doesn’t match your website domain.
The most common reason for this notice is if the license was activated either on a staging site and then moved over to a live site without un-registering and re-registering it to the proper domain or if you changed your site domain in any way (such as switching from HTTP to HTTPS or removing/adding www to the domain).
The reason you may not have seen the notice before is because the theme didn’t have these extra checks in the past which was making it possible for people to distribute the theme illegally with the license hacked into it. So I added new checks in recent updates.
I just checked your licenses and I can see that one of your blogs (favorsgreatloopblog ) was registered to the www version but that site no longer has the www in the domain. So I manually fixed it on my end, if you log back into the site and visit the page at Theme Panel > Theme License it should clear up the notice.
You can also always verify and manage your own licenses here: https://my.totalwptheme.com/license-manager/
Let me know if there is anything else at all I can assist with.
And I see you’ve been using the theme since 2015, wow!
- AJ
Some versions ago the look of the Custom CSS was changed, and now it doesn’t seem to be possible to search and highlight words with Ctrl+F anymore. Is there a way to go back to the old panel?
Hi,
This is AJ the theme author.
It’s definitely still possible, I recorded a test video: https://a.cl.ly/llupP41l
Now, the Custom CSS panel actually uses the built-in code editor in WordPress to keep things fast, slim and consistent. If it’s not working, you may want to double check and see if there are any plugins installed that are modifying the default WordPress code editor.
You can also open the browser console and see if there are any errors, it’s also possible if you have some permission issues on the server that the code editor scripts aren’t being loaded properly.
Additionally, if you recently updated your theme try clearing your browser cache. Depending on how your site is setup, it’s possible that cache-busting isn’t working correctly and your browser may just be loading old scripts and not the updated theme scripts.
If you still have issues let me know so I can help investigate further!
- AJ
Hi AJ,
You’re right, that search does work. My problem was that I didn’t have the cursor active inside the editor when I pressed Ctrl+F, which means the regular browser search was used instead of the little search bar in the top of the editor.
The regular browser search only highlights words that are currently visible on the screen, and ignores any words in the editor that needs scrolling to be seen. In the old version this was not an issue.
I preferred the old panel, but I’ll learn to live with it 
Hi,
I’m not sure which “old panel” you may be referring to as it’s been using the core editor script in WordPress, which was introduced 9 years ago and it’s pretty much worked the same since then.
Out of curiosity, I installed an old version of the theme on a dev site and I can see what has changed. The difference is that previously the editor would expand infinitely vertically (no scroll-bar) but it now has a max-height which adds a scroll bar.
I will see if I can tweak things in the upcoming update to allow the editor to get infinitely tall so you can still search with the browser, so it will work as before. Fingers crossed I can do this without issues.
That said, if you have so much CSS added that it needs a scrollbar it really would be more efficient and best to instead place your CSS inside a child theme style.css file and disable the Custom CSS panel. Most users are only adding a few lines of custom code, which is where the Custom CSS editor shines – but I think when adding a lot of custom CSS it is best to use a child theme stylesheet.
- AJ
Ok, I was able to tweak things so it will work as before in the next update 
- AJ
Hi AJ,
Noticed a PHP warning (I am working in PHP 8.5):
The default option in the switch statement has a semicolon(
instead of a colon(
(i.e. default; instead of default:) – throws a Deprecated error.
See the following files: Total/inc/header/menu.php (lines 588 and 600) Total/inc/header/menu/search.php (line 311) Total/inc/lib/wpex-card.php (line 938)
Chris
Hi Chris,
I’ve already fixed all PHP 8.5 debug warnings and errors already for the upcoming update – https://totalwptheme.com/docs/upcoming-update-changelog/
But, I would be a bit careful upgrading to PHP 8.5 this “early” if you use any 3rd party plugins as many are not yet compatible and technically WordPress core compatibility for 8.5 is currently still marked as “Beta”.
- AJ
Hi AJ,
I am planning to buy this theme for my site. I have few questions before I make the purchase.
1. Is the theme compatible with Rank Math SEO Plugin? Can i display the breadcrumbs on single post? 2. I see the theme is compatible with elementor as well. Do you have any demos built using elementor? 3. For the patterns, cards, blog templates – do these use wp bakery plugin or they can be setup even without it? 4. Does the theme offers table of contents feature? I am looking to eliminate toc plugin and checking if the theme includes it as a individual block for single posts. 5. The elements such as alerts, icon, icon box – can these be added as blocks for single posts?. Something like this – https://wordpress.org/plugins/simple-alert-blocks/
Hi,
1. Theme’s like Total aren’t subject to conflicts with SEO plugins such as Rank Math SEO because those plugins work primarily by parsing the post content which is outside the scope of the theme. In fact I have Rank Math SEO as a recommended plugin – https://totalwptheme.com/docs/recommended-services-plugins/#toc-seo – as I have tested it before and it does work quite well. Although I personally prefer Yoast SEO.
What’s more important is the page builder you are going to use (if any). For example, if you plan on using the bundled WPBakery page builder (most users do) to build your pages, it is compatible according to their docs – https://rankmath.com/compatibility/wpbakery/ – same goes for Elementor if you choose to use that builder instead – https://rankmath.com/compatibility/elementor/
2. The theme by default displays breadcrumbs in the page title area like this example – https://totalwpthemedemo.com/base/dont-just-stand-there-do-something/ – with many options in the Customizer to modify how the breadcrumbs display. But for most sites you would likely disable the breadcrumbs in the customizer and instead add them wherever you want them by creating a custom template – https://totalwptheme.com/docs/dynamic-templates/ – for your blog. For example the Consultative demo, I recorded a video showing how it’s done on that demo: https://a.cl.ly/mXuOwdA5 – as you can see, if you create your own template for your posts you will have complete control over the design and can add the breadcrumbs anywhere you wish.
3. The Patterns are WPBakery patterns specifically. I have plans to create Elementor versions, but very few of my customers use Elementor so I haven’t done that yet. But Cards and Dynamic templates work technically with WPBakery, Elementor and Gutenberg. However, my theme only adds custom elements to WPBakery and Elementor specifically for building custom cards. Gutenberg is significantly more limited.
4. The theme does have a Table of Contents element. You can see it in action in the documentation site. I recorded a video showing how it’s added into my Docs Post Type single template: https://a.cl.ly/WnuPo2lN – Unlike other themes (or SEO plugins) where you may have to insert it to every single article, with Total you can add it to your Dynamic Template and it will be added on every article. Which, for many blogs it’s best to have a TOC on every post for consistency. If you want to remove it for a specific post there are ways of doing that , which I could assist with.
5. Generally I don’t recommend you use ANY page builder for standard posts, I highly recommend you use the default WordPress editor (Classic or Gutenberg) for your actual articles and only use a page builder (WPBakery/Elementor) for standard pages, dynamic templates, header builder/footer builder and custom cards. I did not add the Icon Box for use in Gutenberg because that would be very niche as most users would never need that. However, I have added some more useful elements such as the Notices into Gutenberg so you can use them right in the editor when creating posts. Here is a sample video from one of my doc articles: https://a.cl.ly/jkuNxdPg
I am open to adding more of the theme Elements for use in Gutenberg as users request them, but in order to keep the theme fast and optimized I would only do it if it makes sense. For example the currently included elements “Alert, Button, Divider Dots” make sense to have as they would be useful when creating articles, but elements like Icon Boxes don’t make much sense for articles – those make more sense for use in pages like a homepage or a services page.
—
Let me know if you have any other questions!
- AJ
Hello, Using total theme without WPBakery (only Gutenberg and Kadence blocks free plugin) I’ve found an issue with the AJAX search modal. In the page source, the search results template is rendered as: template id=”wpex-search-modal-result-template” a href=”{{permalink}}” class=”wpex-search-modal-result” /a /template However, the JavaScript that populates the template appears to receive a JSON response where the URL field is named url, not permalink. Because of this, the placeholder {{permalink}} is not replaced, and the generated links end up like:
https://eduma.com/slug/%7B%7Bpermalink%7D%7DThis causes links in every single page/post with incorrect redirects and 404 errors.
What I have verified trying to resolve it with AI help:
The issue happens with WP Rocket disabled, so it does not appear to be a caching or JS delay problem. The template is present in the DOM exactly with {{permalink}}. The JS replaces placeholders dynamically, but since permalink is not present in the response object, it remains unresolved. Could you please confirm: Whether the search modal template should be using {{url}} instead of {{permalink}}, or Whether the AJAX response is expected to include a permalink field. Thank you very much for your help. Best regards,
a href=”{{permalink}}” class=”wpex-search-modal-(...)
Hi,
This is Aj the theme author.
The search template should definitely be using {{permalink}} – you can see variables returned by the server under Total/inc/search/ajax.php on line 65 – which looks like this:
if ( $permalink = \get_permalink() ) {
$results[] = (array) \apply_filters( 'totaltheme/search/ajax/post_data', [
'title'=> \wp_strip_all_tags( \get_the_title() ),
'permalink' => \esc_url( $permalink ),
'tag' => \sanitize_text_field( $tag ),
'excerpt' => ( $excerpt = \totaltheme_get_post_excerpt( $excerpt_args ) ) ? \wp_strip_all_tags( $excerpt ) : '',
], get_post() );
}
When I inspect your site source code I see javascript that is for some reason modifying the template and changing the {permalink} to {url}. See here: https://a.cl.ly/4gupombe
I’m not sure why this code was added, but it will definitely break things.
To modify the search template, you don’t need javascript either. You can hook into ‘totaltheme/search/modal/result_template’ like this example snippet: https://totalwptheme.com/docs/snippets/modal-search-thumbnails/ – which shows how you can register new variables and also override the default result template.
One thing to mention though, if you are using WPRocket it means you care about speed, in that case AJAX is NOT the way to go. Ajax requests are uncached and hit the server every time. This will add extra stress on the server which can slow down the site for everyone. If you truly want a fast site I highly recommend you disable AJAX under Customize > General Theme Options > Search Modal > Live Results (toggle off).
You can still have the nice popup search but it will render like this demo instead: https://totalwpthemedemo.com/poppy/
- AJ
Hi AJ. I hope you’re well. I think you have answered this before but I can’t find it anywhere! I need to add some inline css to the page title text (the final word of each heading is in a different color). But, I think the heading text is sanitized and the span style is ignored. How can I overcome this?
For example – Eye level is the best level
Sorry – the code has been stripped out!
“Eye level is the best <span style="color: #808080;">level</span>”
Hi,
The main issue is you should never modify the actual page title because this is also used for your meta tags (for SEO) and it can cause issues in the WordPress admin.
If you must have a styled last word there are better ways of doing that.
One solution is using the theme’s Custom Title field, but using the [span] shortcode instead. See here:
1) Span Shortcode: https://totalwptheme.com/docs/span-shortcode/
2) Custom Title: https://a.cl.ly/6qu4yBW4
If you are doing this to a lot of pages, it may not be a good idea.
If you can share the page in question perhaps I can suggest the best solution.
- AJ
Oh, sorry I made 2 mistakes in my reply!
1. The [span] shortcode doesn’t accept a ‘color’ parameter, instead you would use a classname. Ideally your colors would be in the color palette – https://totalwptheme.com/docs/color-palette/ – then you can use the classname like such:
[span class="has-palette-ID-color"]
If you just want to use blackscale colors, the theme has some options though built-in: https://totalwptheme.com/css-framework/text-color/ – so you could use wpex-text-gray-600 which is similar to 808080.
2. The text needs to be defined in a param. So this is the proper usage:
Eye level is the best [span class="wpex-text-gray-600" text="level"]
Of course the theme’s Custom Title field will allow HTML though if you really prefer that’s totally fine 
- AJ
Awesome! Thank you AJ! I noticed my support has expired – I need to purchase a new license – 33 purchased so far!!
No worries about the support, I’m always here to help 
Thank you for all the purchases, customers like you have allowed me to keep the theme supported and updated for so many years!
- AJ
Hi,
I’m having trouble updating WPbakery. I’m getting a message that I need to purchase a license on WPbakery, even though this should be included with the Total theme.
WordPress and the Total theme are up to date. I’ve also tried disabling WPbakery in the Theme Settings, clearing my cache, re-enabling WPbakery in the Theme Settings, and then updating. This hasn’t worked either.
I’d like to know how I can update WPbakery.
Thanks
Hi,
This is Aj the theme author.
If you recently updated the theme from a very old version, this could be a cached warning in WPBakery. You can simply disable WPBakery (or even delete the plugin) then go to Appearance > Install Plugins to update it.
Total has built-in code to prevent those notices, but if your theme was very outdated (prior to the new code added in the theme) it’s possible that before updating the theme those notices got cached. It’s also possible that those notices can show up if the theme was temporarily disabled. Disabling WPBakery temporarily should clear that up.
Additionally, make sure that you have WPBakery Theme Mode enabled in the Theme Panel. If this is disabled, the theme will assume you are using your own custom plugin license as noted in the docs: https://totalwptheme.com/docs/activate-wp-bakery-page-builder/
Let me know how I can be of further assistance!
- AJ
ps: It’s also a good idea to compare your current theme version with the changelog here: https://totalwptheme.com/docs/changelog/. If the theme license isn’t properly registered or if there are server-related issues you may not see the update notifications in the dashboard, which can make it seem like everything is already updated even when it’s not.
Hi AJ, deleting the WPBakery Plugin and than reinstall it does the trick. Thanks for your support!
Glad it was an easy fix!
Hey there AJ,
I think i found an issue that i want to share with you! The issue is with Total’s Polylang language switcher on taxonomy archives.
When using [polylang_switcher] (Customizer > Topbar), switching from the default language to another language on a taxonomy term archive always links to the language homepage (/en/), even though the translated term exists and get_term_link() returns the correct URL.
Polylang resolves the translated term correctly, but the switcher marks it as no_translation and Total falls back to the language home instead of the translated taxonomy URL.
Pages and CPT archives work fine. The issue only affects taxonomy archives.
It looks like the switcher needs to handle is_tax() and rebuild the URL via pll_get_term() + get_term_link() instead of relying only on pll_the_languages().
Thanks for the great work on Total, it continues to be a TOTAL WIN for our projects 
Hi,
As you mentioned the shortcode uses the core pll_the_languages function, which is the Polylang function recommended for displaying their language switcher anywhere. So if there is an issue with their function you’ll want to report it to them so they can fix it.
Now, I was testing locally and I notice that if the category doesn’t have any translated posts it will redirect to the homepage, but as soon as you add a post it does work correctly.
I recorded a quick video: https://a.cl.ly/X6uyPEov
This issue is also reported here: https://github.com/polylang/polylang/issues/174 – which unfortunately was tagged “wontfix”.
I think this is perhaps the same issue you are having. In which case the code provided by cfaria on Gihub seems to work well:
// Allow polylang redirection to existing terms even if there are empty add_filter( 'pll_hide_archive_translation_url', '__return_false' );
But it’s not something I would add to the theme as it’s un-intended plugin behaviour.
If this is not the issue you are having, you may need to reach out to Polylang for further troubleshooting.
- AJ
Hello!! I am having trouble with both the Woocommerce added to cart pop up and your Off Canvas Cart. Both of them close after only a couple of seconds. Is there a way to force these to stay open until the customer closes them?
BTW, this is a sample of a product page that I’m having trouble with: https://dogsofcourse.com/events/virtual-nose-work-camp-winter-2026/
Hi,
This is Aj the theme author. I hope you had a nice weekend!
By default it should remain open like on my demos – https://totalwpthemedemo.com/bolt/product/black-shoe/
When inspecting your site, I don’t see the theme’s Off Canvas cart enabled, so I’m assuming you’ve temporarily disabled it.
In terms of the cart auto closing, my only guess is that a 3rd party plugin is creating a conflict.
I can see that you’re using a custom setup for your product variations, including a custom AJAX add-to-cart button and a custom popup when items are added to the cart. This setup may be causing the conflict.
The theme’s Off-Canvas Cart is configured to automatically open when an item is added to the cart or when the cart button is clicked, and it only closes when the user clicks outside of the off-canvas area. It’s possible that another script is triggering a focus change or an external click event, which could cause the cart to close automatically. That’s likely what’s happening here.
- AJ
ps: I noticed in your custom CSS you have some code that looks like this:
button {
margin-bottom: 20px !important;
}
This adds a bottom margin to all buttons, so it’s going to break certain layouts, such as buttons on the cart/checkout pages. I’m not sure where you wanted that bottom margin specifically, but it would be a good idea to target only that button and not all site buttons. This code can also break buttons used for elements like sliders, carousels, close buttons (like on popups, mobile menus), etc. If you would like I can assist with tweaking this code, I just need to know which button you want to target.
Thanks AJ, I’m going to bring in my dev to look at it, but if he can’t pin it down, I may be back! Thanks as always for being so thorough on your response.
Hi AJ, I have just installed this theme and when i try and edit the page using the button (or text in top bar))Edit with wpbakery page builder) i get directed to a page saying “sory this page does not exist”. If i disable the plugin, total theme core, this issue goes away. Is there any easy fix for this or an older version that still works?
Hi,
It sounds like you may be experiencing an issue with max string length on your server. Can you try the fix suggested here: https://totalwptheme.com/docs/fix-backend-issues-on-godaddy/
I’ve personally only experienced the issue with shared (not the managed WP) Godaddy servers (hence the doc article name) but it can definitely happen on any server.
- AJ
Hi AJ,
This fix worked, thank you!!
Josh
Glad it was an easy fix Josh, I hope you had a nice weekend!
Let me know if there is anything else I can assist with.
- AJ
On my check out screen, for the pulldown for states and countries, the words disappear because they are white. How do I change them so you can see them?
https://miningrecord.comI entered 2 support tickets and have not heard back from you
Sorry for the delayed reply.
I’ll respond both here and on the latest ticket.
I can see that you’ve already added some custom CSS to address the issue. I made a small tweak to it to also include a background color, since it wasn’t very clear which option was currently selected.
The root of the issue is that, by default, WooCommerce applies a blue background with white text to select fields on hover. In Total, that blue background is replaced with the site’s accent color to better match the design. In your case, the accent color is set to white, which results in both the background and text being white.
I’ll be adding a fix for this in the next theme update (thanks for bringing it to my attention). The text color should be pulled from the “On Accent” color instead, which will prevent this type of issue.
That said, there is another configuration issue on your site, which is that both your Accent and On-Accent colors are currently set to white (see here: https://a.cl.ly/Kou2XygQ)https://a.cl.ly/Kou2XygQ). The On-Accent color is used for text displayed on top of accent-colored backgrounds, so this setup can lead to white text on a white background in other areas as well. If you’d like to keep white as your accent color, I recommend changing the On-Accent color to a contrasting option such as black or dark gray.
Based on your site though, I would say your Accent color would be better set to orange though (#FF7F00) which you are using as an accent color in various places.
– AJ
Hi! I and running into a strange issue with Total Theme + WPBakery. On my homepage (hudzenphoto.com/home), if the total theme core plugin is deactivated, the header and footer loads, but all WPBakery and Total elements show as raw shortcodes like [vc_row], [vc_column], [vcex_heading], etc. If the plugin is activated, only headers load. Pages without those elements load fine. I tested shortcode registration and both return false: shortcode_exists(‘vc_row’) → NO shortcode_exists(‘vcex_heading’) → NO So it seems the plugins are active but their shortcodes aren’t registering on the frontend. Setup: Total 6.5 + Total Theme Core 2.5 WPBakery 8.7.2 WP latest, PHP 8.1 (also tried 8.3) Memory 512M HostGator Tried already: reinstalling both plugins, disabling all others, resetting permalinks, clearing cache, switching PHP versions. No relevant fatal errors in debug. Sometimes activating Total Theme Core even causes a 503. Has anyone seen Total/WPBakery shortcodes fail to register like this?
Hi,
This is Aj the theme author.
Since you aren’t seeing anything in the error logs most likely there is function running that is taking so long to complete the site ends up timing out. When this happens nothing will be recorded in the logs.
And since the issue only happens on the homepage, it would suggest that it’s being caused by the elements specifically added to the /home/ page.
One possibility is the site might be getting stuck in an infinite loop, which is causing it to crash. This can happen if, for example, you add a Post Cards element and create a custom card that shows the full post content (or set the excerpt to -1, which also shows the full content). If that same element is also set to display pages and ends up pulling in the homepage, it can keep loading itself over and over again resulting in an infinite loop.
But really, it could be any function that is simply taking way too long to process.
The best way to troubleshoot is to copy the content from the page into a new page and delete each element 1 by 1 to see which causes it to break.
I see your support license has expired so you can’t open a private ticket, however, if you create an admin account for me using the email wpexplorer.noreply[at]gmail dot com I can do a password reset, log-in and at least see how things are setup and hopefully spot the issue without needing server access. If you do this, please reply here and let me know so I can check that email as it’s generally not a monitored email. Thanks!
- AJ
Hi Aj, Thank you so much for getting back to me! I followed your instructions, and it looks like most of the issues are resolved. I believe the main culprits were the “Featured Image” and “Image Banner” elements, although both are still causing some trouble. For example, when I change the image size to thumbnail in the element settings, the entire page either doesn’t load or shows a 503 error. Another issue is that the logo in the header doesn’t load fully. I’ve created an admin account for you — please check your email. Thank you!!
Hi,
I tried using the password reset but I’m not getting the email (checked SPAM).
Now, based on what you’ve said, it sounds like there is an issue processing images, more specifically cropped images – if selecting a size is causing issues.
When inspecting your site it appears that images are being “optimized” through a 3rd party plugin as they are using javascript to lazy load and they are linking to a CDN (sp-ao.shortpixel.ai). My guess is that whenever you switch image sizes it’s trying to re-generate and save that image on the CDN (shortpixel) and timing out or it’s crashing as it tries to load it.
Can you try disabling any image optimizing plugins to see if you still have issues?
Which, by the way, using JavaScript to lazy load images is old-fashioned. Modern browsers can do this on their own, so adding JavaScript actually slows things down instead of speeding them up.
In regards to the logo being cropped off, this is an issue with the image itself being cropped by that shortpixel plugin. See here: https://a.cl.ly/z8u2jZer – it seems like shortpixel is cropping the original images. My guess is this is some sort of “optimization” for images that are larger than their “rendered” size, but it’s simply cutting the image in half, not actually resizing it properly.
My personal recommendation would be to disable the Shortpixel plugin completely. If you want to optimize your site images you can temporarily install a plugin that will optimize and convert them to webP format then remove the plugin after it runs. For future images you upload to your site you can optimize them prior to upload using a free service such as this – https://tinypng.com/
Then, if you need a CDN, because the server is slow or you want to limit server usage, you can use a free CDN such CloudFlare.
That’s just my personal preference. I would rather have my images optimized once and not constantly running and/or paying for a service – which in most cases is simply unnecessary.
From what I can tell, your site is currently on HostGator, which depending on the plan could be a budget solution. I don’t personally recommend that hosting, although if you are going to use it, you should at least make sure you are on the WordPress specific plan. The WordPress hosting plan also supports CloudFlare built-in according to their docs – https://www.hostgator.com/help/article/cloudflare-cdn-overview
If you are currently paying for shortpixel, it may be worth instead switching to a better hosting solution that doesn’t require any extra image optimization services. These are the hosting services I’ve used and recommend: https://totalwptheme.com/docs/recommended-services-plugins/#toc-hosting
Let me know if you have any questions or concerns!
-AJ
Thank you so much for your help and advice AJ! It’s very helpful!!