22315 comments found.
Hi AJ, Over the past 3 weeks I’ve had the entire custom CSS file vanish from 2 different websites. This happened also about a year ago on a site. Then I thought my client simply screwed up. But now it happened on 2 more websites (one of which is my own company site. Did you ever come across this issue before? What could it be?
HI,
There is no “custom CSS file” – are you referring to the Custom CSS panel at Theme Panel > Custom CSS?
If so, this is actually part of WordPress core, which can be found at Appearance > Customize > Additional CSS. I just have a separate panel added inside the theme which makes it easier to use since it’s a much larger field and you don’t have to load up the whole customizer to add a little CSS.
The WordPress custom CSS function works as a custom post type and it’s “attached” to the active theme.
So if for example you rename your child theme or switch from the parent theme to a child theme it would seem like this is ‘lost’ but really it’s just not being pulled from the database, switching back to the previously active child theme or theme name would “bring it back”.
This is the only reason I can think of for “losing” the CSS.
Do you remember perhaps renaming the theme, changing to a child theme or renaming your child theme?
If you didn’t, I have no idea how it could get deleted (there is no theme function that would delete it). But if you have backups of your site (which you should), you should be able to locate the old CSS inside one of your database backups as WordPress stores this inside the wp_posts table as a custom_css post type.
Now, I haven’t had any other customers report this issue before. But if it’s something that’s happened to you and you are worried, for your peace of mind it may be best to place your custom CSS inside a child theme’s style.css file instead and disable the Custom CSS panel. This can also keep your site a little slimmer and working with a style.css file also means you can open it with your favorite editor via FTP (I use Visual Studio Code) so there are some added benefits.
- AJ
Hi! I already said that the italian translation of the backend and visualcomposer is really bad 
Hi,
Unfortunately the translations for WPBakery are files located inside the WPBakery plugin itself, so this isn’t something I can modify from inside the theme. Unless you are specifically referring to translation of settings for theme elements which would exist inside the Total Theme Core file.
You didn’t ask any question, did you want to provide an updated better translation?
If you speak English and find the Italian translations aren’t up to your standards, you can always log into WordPress and go to your profile edit page and from here you can change the language for the WP admin.
Or, if you prefer you can create your own Italian translation for your site using a plugin like Loco Translate – https://wordpress.org/plugins/loco-translate/ – this way you use your own translations and not the ones provided for you by WordPress, plugins or the Theme.
- AJ
How are you? I hope you had a good holiday weekend!
I am having an error with the preview showing up properly on the homepage of the site. I’ve been trying to debug without success. Whenever I try to load elements (like editing a text block), save it, or otherwise, it will often lose connection. When I try to preview the page, the preview is entirely wrong and broken. I check out the page in the browser using developer tools and see this:
https://interrainternational.com/wp-content/uploads/2025/05/devconsole_2.jpg
https://interrainternational.com/wp-content/uploads/2025/05/devconsole_1.jpg
As far as I can tell, this is only happening on this page which uses that image-before-after in wp bakery. Should I not be using that?
Thanks! J
Hi,
I did, thank you. I hope you did as well 
It’s hard to know what’s going on with these screenshots.
The Before & After Element sends an AJAX request so it can grab the images and display them in the backend for easy reference: https://a.cl.ly/NQumpWAp (which you can see should be working without errors)
It sounds like your server is either blocking the request or there is some sort of error causing the request to break.
Can you first try clearing your browser cache? Unfortunately WPBakery doesn’t use proper version control on these files so they use the WordPress version at the end of the file which can cause caching issues if you update WordPress and then update the Total Theme Core plugin and these files have changed at all.
If clearing the browser cache doesn’t work, can you check your server error logs to see if anything is recorded in there that can help troubleshoot the issue?
- AJ
Hi AJ – yes I’ve cleared caches. I’m working on troubleshooting this and checking for error logs. I’ll get back to you when I find something. Thank you.
Keep me posted!
ok – I cleared browser cache, I can find nothing in the logs and tried with different browsers. On the homepage I use the ‘Tour’ element which is vertical tabbed content. If I click on the text block in that tabbed content, that’s when I just spin into oblivion. Any ideas?
Typically when the WPBakery element just spins indefinitely it means there is a PHP or server error. These should be recorded in the logs. If they aren’t being recodded in the logs, then it isn’t a PHP error and it’s going to be a server issue.
Is your site hosted on Godaddy by any chance?
You may need to add this fix to your site if so: https://totalwptheme.com/docs/fix-backend-issues-on-godaddy/
I see your support license is expired so you can’t submit a private ticket, but I can send you a direct email if you want me to log in and have a look. I had a look in Helpscout (which we use for tickets) and found several old tickets from your username are you still using the email formatted like such: jxxase@xxxxxxnsterxxxia.com ? I’ll send you email there if so otherwise if you want to provide me a different email address I will contact you that way.
- AJ
Hi AJ – thanks so much. Yes that is my email. I checked my .htaccess file and it already has:
# BEGIN Line too long fix
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>
# END Line too long fix
It’s only happening on that one area with the ‘Tour’ element. Super strange.
I will check the logs again later to see if I can find anything.
Thank you!
I’m sending you an email right now if you want to share logins so I can look.
- AJ
Hi AJ
I’ve loaded a menu into one of the sections on the homepage – it’s just below the 3 audio options here: uantumleapgolf.com
I tried various of the Total menu elements that we have avaiolable. But i’ve not really been able to find what im looking for and the menu looks a bit basic/poor.
If you look here, you’ll see a contact button that i copied from one of your Total section templates: https://quantumleapgolf.com/contact/ – looks great
Question: 1. is it possible to create a menu made of buttons the same as the one on my contact page? 2. if not can you recommend another option that will look better? And behave well in mobile format.
Thanks for you help again. I trust all is welll with you and look forward to your reply.
Thanks Tony
Hi Tony,
The horizontal menu element (which you are using) is intended primarily for header style menus where you wouldn’t have items that all look like buttons. If you want all the links to look like buttons you have a couple options:
1. You can use the Navigation Bar element which allows you to select the button style like such: https://a.cl.ly/xQumEEPZ
2. If you rather have multiple single buttons you can use the flex container and insert your buttons, but then you will need to style each one separately. With this setup you will have a little more control over the layout though: https://a.cl.ly/o0ulJJbr (although in the upcoming Total 6.4 I have some new options coming to the Navigation Bar element for stacking buttons on mobile)
- AJ
Thank you AJ. Option 2 = perfect!
Hi Aj,
i think we’ve found a bug in the following file: Path: wordpress/wp-content/themes/Total/inc/deprecated.php Line: 1439
The function wpex_excerpt() causes layout issues on blog posts unless we wrap it with a condition to check if totaltheme_post_excerpt() exists. Here is our adjusted version: function wpex_excerpt( $args ) { if (function_exists(‘totaltheme_post_excerpt’)) { echo totaltheme_post_excerpt($args); } }
Without this conditional check, the blog post layout breaks and displays incorrectly. Could you please confirm if this is a known issue?
Thanks and BR
Hi,
Sorry for the troubles!
It should be “totaltheme_get_post_excerpt” not “totaltheme_post_excerpt” that’s the issue. I’ve patched this for the next update, thank you for letting me know!
But, the real issue is that in your child theme you must be overriding a file that is using the deprecated wpex_excerpt function. Because of how Total is coded you should never have to override files via a child theme. If you want to let me know what modifications you were making I can help you with a solution that doesn’t require overriding the file, this way you never have to worry with theme updates.
When you override files in your child theme, you should compare each overridden file with the latest version from the parent theme whenever the theme is updated. This ensures you catch any changes and update your version accordingly. However, this process can be tedious and time-consuming, which is why overriding theme files is generally discouraged. Instead, it’s recommended to use hooks and filters whenever possible so you don’t have to do this.
- AJ
Thanks Aj, i’ll check that out. 
Hi Aj,
could it be that code?
wordpress/wp-content/themes/Total-child/partials/blog/blog-single-related-entry.php
Line: 78
<?php
// Display post excerpt
if ( wpex_validate_boolean( get_theme_mod( 'blog_related_excerpt', true ) ) ) : ?>
<div class="related-post-content wpex-clr">
<div class="related-post-title entry-title wpex-mb-5">
<a href="<?php wpex_permalink(); ?>"><?php the_title(); ?></a>
</div>
<div class="related-post-excerpt wpex-text-sm wpex-leading-normal wpex-last-mb-0 wpex-clr"><?php
wpex_excerpt( array(
'length' => get_theme_mod( 'blog_related_excerpt_length', '15' ),
) );
?></div>
</div>
<?php endif; ?>
<?php endif; ?>
We dont want to show the excerpt on related-entry. Thanks
Hi,
If you just don’t want to know excerpts on the related items you can simply go to Appearance > Customize > Blog > Related Posts and scroll to the last setting “Excerpt Length” and enter “0”.
So, if the reason you were copying that file to the child theme was just to hide the excerpt, you can use the customizer setting instead then you can delete the file. I recommend renaming it to something like blog-single-related-entry-BACKUP.php – just incase there were other mods you forgot about and you need to put it back to do more checking.
- AJ
Hi AJ,
I have the following issue with editing pages in WPBakery Page Builder on one of my sites.
When editing in the backend, the window only shows a portion of the existing content. If I switch to the frontend mode, the entire content is displayed.
How can I fix this error? It is important for me to edit pages in the backend.
If you have a pricing element on the page, this is a known bug caused by the last WPBakery update.
Even though it’s a bug caused by WPBakery I was able to patch my Total Theme Core plugin. The fix is in the upcoming Total 6.4 update, but you can actually just log into WordPress and go to Plugins and delete the Total Theme Core, then go to Appearance > Install Plugins and re-install/activate the Total Theme Core Plugin. I’ve patched the live version so you can easily get the fix and not have to wait for the official update.
If you have any issues with that please let me know.
Sorry for the troubles!
- AJ
Where can I find the Change Log? Most themes have it at the bottom of the Details page.
Hi,
This is Aj the theme author.
The changelog is on the doc site here: https://totalwptheme.com/docs/changelog/
I don’t like having the changelog on the ThemeForest page because it’s too limiting. I can format the changelog much better on the doc site. It would also make the themforest page very very.
Plus, having it on my own site if you just do a Google search for “Total theme changelog” it will show up, making it much easier for people to locate it
Let me know if you have any other questions or issues that I can help with!
- AJ
Hi! I think there is a bug present in the theme.
I have enabled published and modified dates, but only calendar icons appear below the title. I want the actual dates (e.g., ‘May 1, 2025’) to appear next to the icons, like the author and category text do.
e.g. https://iosvsand.com/how-to-improve-mobile-signal-easily/
Please fix this issue. Thanks in advance Bye, take care.
Hey, it was not a bug. I figured out how to fix it.
Thank you for letting me know
For anyone else that may be having this issue, if the dates aren’t showing up, it’s most likely because your data format isn’t properly setup in WordPress under Settings > General > Date Format. Most likely it’s set to “Custom” with an empty or incorrect value.
Hi AJ, what happened to the option of being able to “show or hide” a row on desktop computer or mobile? I want to have an option only viewed on mobile devices and other option on desktop computer.
Thanks!
Hi,
The option should still be there as it was never removed or changed: https://a.cl.ly/E0uBZr8G
Generally it isn’t recommended to hide full rows to create mobile alternatives as this isn’t good for site speed or SEO. It’s aways best to design your site in a responsive way.
If you can let me know (share the url) what you are trying to do I can suggest a better way.
- AJ
Hi all
I found a little issue in TotalThemeCore\WPBakery\Params\Custom_Field and ACF integration
In the get_choices there is the following code
foreach ( $acf_groups as $group ) {
$group_title = $group['title'] ?? '';
$group_id = $group['ID'] ?? $group['id'];
$fields = (array) \acf_get_fields( $group_id );
if ( $fields ) {
$group_options = self::process_acf_fields( $fields );
if ( $group_options ) {
$group_title = $group['title'] ?? $group_id;
$choices[ "acf_{$group_id}" ] = [
'label' => "ACF - {$group_title}",
'options' => $group_options,
];
}
}
}It means that for each group you get its fields by group ID.
It doesn’t work with many local group, defined by PHP, which have id always equal to 0… in this case the line
$fields = (array) \acf_get_fields( $group_id );
returns always the fields in first defined local group
I suggest something like the following solution, using acf_get_fields by group key
foreach ( $acf_groups as $group ) {
$group_title = $group['title'] ?? '';
$group_id = $group['ID'] ?? $group['id'];
$fields = (array) \acf_get_fields( $group_id ?: $group['key'] );
if ( $fields ) {
$group_options = self::process_acf_fields( $fields );
if ( $group_options ) {
$group_title = $group['title'] ?? $group_id;
$choices[ "acf_{$group_id}" ] = [
'label' => "ACF - {$group_title}",
'options' => $group_options,
];
}
}
}Thanks
Hi,
Thank you for reporting this. I will fix it in the upcoming 6.4 version. So if you manually tweak the code for now, that’s fine as it will override in the next version and have the fix.
By the way, if you don’t need very complex fields, Total has a built-in class you can use instead of ACF: https://totalwptheme.com/docs/how-to-add-custom-fields/
- AJ
Hi Guys. I have a license for your theme for my main website however I would like to mirror it onto another domain. When it comes to licensing, is it possible that I buy only the license for my 2nd website and change it once it’s been uploaded? If yes how do I change license key for my 2nd website?
Hi,
This is Aj the theme author.
I’m not quite sure what you are asking, so if I don’t answer your question please let me know!
If you duplicate your site you can log into the mirrored site then go to Theme Panel > Theme License and it will automatically remove the license from the panel because the domain won’t match the registered domain. Then you can enter the new license for the second domain.
Now, if you are simply moving domains and won’t have the main site anymore you can setup the new site, then de-activate the license from the primary site and add it to the second domain.
And you can always go here: https://my.totalwptheme.com/ – to manage your active licenses.
- AJ
I am trying to submit a support ticket. In Envato it says “Support 5 months left” which is correct as I just renewed it but in https://my.totalwptheme.com/ it says support expired. I have tried refreshing the license in https://my.totalwptheme.com/ but no luck.
Hi,
I tried logging into the system and the Envato Token doesn’t seem to be working so it won’t connect properly to their API. Can you try logging back into the site using the Envato Login button? This will create a new token. If that doesn’t work please let me know!
- AJ
Is it possible you logged into the Envato API and revoked access? Re-logging into Envato will re-grant the access as well.
When I try logging into the site using the Envato Login button, I get the following error message “Error: It appears the Envato API may be down and we can’t register you to the site. Please try again in a few minutes. If you continue having issues please leave a comment on the ThemeForest item page for the product you seek help with so we can look into the issue.”
I would not know how to log into Envato API and revoke access. I can log into https://elements.envato.com/ without an issue.
I’ve tested and the Envato Login is working for me with a few different test accounts. So it does seem like some sort of error with your account specifically. The Envato API login is here: https://build.envato.com/ – are you able to log into this site?
The error you mention means that Envato is blocking the request from your end. Does it work if you use a different browser? I’m not sure why Envato would block users, but it could be a conflict with some sort of browser add-on or cached cookies.
- AJ
ps: Feel free to ask your question here so I can also help you with the issue you were going to submit a ticket for, this way I can help you out while we figure out what’s going on with the Envato API.
Hi AJ,
Thank you. The email address on https://account.envato.com/ had got changed. Once we changed it back to the original, then we have been able to submit a ticket. You should see a ticket come through regarding an issue with the Pricing Table in the backend editor.
Thank you for your help on this.
Thanks Alastair
No one has reported any issues before, so the error shown when logging in with the Envato Login button was a bit generic.
However, I’ve just updated the site to display the specific error code returned by Envato. If you’re still unable to log in, you should now see a more informative error message to help troubleshoot the issue!
- AJ
Hey, I logged into my system and it appears to be working correctly now as it’s showing October 22, 2025 for your license expiration date. But I haven’t seen any new tickets come in.
If you do have issues still though, please let me know!
Oh, never mind – looks like you did submit a ticket and I already replied to it
Hi AJ, Thank you for your help
Any chance you could let me know what was the issue and how you fixed it? It would be very helpful for me for the future, thank you!!
The email address on Envato was changed and did not match the email address on my.totalwptheme.com. Once I changed it back and they matched then the licence was seen and I could raise a ticket. We will just continue to use the old email address.
Ah, that makes sense! I will need to see if I can fix this issue without security concerns. Thank you for letting me know, very helpful!
Hi AJ
My Theme doesnt appear to have a customer footer, nit sure if I removed it or if the template I used from you didn’t include it on this one, can you confirm how to add it back / create?
Thanks
Hi,
You would simply go to Theme Panel > Footer Builder and from here you can create and define your custom footer: https://totalwptheme.com/docs/footer-builder/
Now, if your site had a footer but you aren’t seeing it anymore, its possible that the template was deleted (if that happens the theme will display the default footer widgets) or perhaps you’ve disabled the footer on a given page manually via the theme settings meta box and it’s causing confusion: https://totalwptheme.com/docs/page-settings-metabox/
- AJ
Thank you
(One the other site with you template, it is a ‘page’ called custom footer and its edited there is this added differently
That would be a very very old setup before dynamic templates existed you would use standard pages to create the footer. But this isn’t ideal, which is why the Dynamic Templates was introduced. If you have another site that works like this. I would recommend you copy the code from the footer “page” and add it into a dynamic template instead then re-select the footer via Theme Panel > Footer Builder and delete the standard page. This way you don’t have a page that you can go to with nothing but footer content.
Hello, this is the best theme! I have 2 requests:
1) I am using the Visual Composer “Terms Grid” module to display the terms categories for a custom post type. In the front end, in the grid, for each entry, we would like to display some custom text below and above the title. Is there is a hook/filter (or other way) to accomplish this? If not possible for a custom post type, is it possible for a grid made with the theme’s “Portfolio” post type?
2) In the front end, in the custom post type category archives, I would like the same. We would like to display some custom text below and above the title. If not possible for a custom post type, is it possible for the theme’s “Portfolio” category archives?
For both, I have dig into the theme snippets but I only find solutions for blog, not custom post type (nor portfolio)
If no possible for a custom post type, I am willing to use the built in “portfolio” post type.
I hope it make sense, thank you for your help!
Hi,
This is AJ the theme author. I’m glad you like the theme
1) So actually, the Terms Grid is a bit of an outdated element. You should use the new Term Cards Element added in Total 6.1. This way you can create a custom Card for your display with the exact design you want. And the best way to define the text to display above and below would be to add some custom fields to your categories taxonomy (I assume it’s also a custom taxonomy, not the standard categories taxonomy). If you use ACF – https://wordpress.org/plugins/advanced-custom-fields/ – the Total theme’s “Custom Field” element will display term fields while in the context of the Terms Grid. This way you can add any number of fields to your taxonomy and display them in the Terms Grid.
I don’t have docs for the Terms Cards yet, but it’s the same as building post cards – https://totalwptheme.com/docs/total-theme-cards/
2) You’ll want to create a Dynamic Template – https://totalwptheme.com/docs/dynamic-templates/ – this allows you to full create the design for both your single post and archives. Hopefully, you’ve used my Post Types Unlimited plugin for your post type and taxonomies, this way you can easily assign your dynamic templates – https://totalwptheme.com/docs/adding-custom-post-types/
So, if you want content above/below the title, what you would do is actually disable the title (set the title style to hidden in PTU – https://a.cl.ly/v1uzgB0n) then you would “create” the title yourself in your dynamic template.
When creating your dynamic template you have full control over the look of these posts globally. So you really should only be using the classic editor or Gutenberg for the posts themselves. If you need custom data for each you can use custom fields and for advanced designs you can use ACF Pro repeater fields – https://totalwptheme.com/docs/how-to-create-acf-repeater-field-template/
- AJ
I will put it into practice . thank you very much!!
Can you please share the code to have this field “Single layout Elements” available in the customizer? If you can send the complete set of settings would be great, and for the archive section as well
Thank you!
Hi,
It’s hard to know what you are doing with that screenshot, but it sounds like perhaps you are adding your post types using code and not the Post Types Unlimited plugin? https://totalwptheme.com/docs/adding-custom-post-types/ – I would strongly encourage you use the plugin.
Can you please explain?
Just looking at the first screenshot, I can tell you, that you may potentially encounter issues in the future because core theme code changes and you are using code that may break in the future. The theme’s customizer framework is intended for internal use, if you are adding your own customizer settings via a child theme or plugin you really should use your own proprietary code to ensure it always works and doesn’t break in the future.
The following code:
$this->get_single_block_choices()
Would only do something if the class you are working with has the defined get_single_block_choices() function – but since you didn’t share your code I have no idea.
Now, if you really want to add your own customizer settings for your post type (again, I do not recommend this – you should use my post types unlimited plugin and the settings included there) – have a look at the file located in the theme at Total/inc/integration/sensei/customizer-settings.php
This file provides a good example for adding customizer settings for a custom post type.
Additionally, there is no reason to even use the “Single Blocks” functionality because you can simple create dynamic templates – https://totalwptheme.com/docs/dynamic-templates/
- AJ
Hello AJ! Thank you for your help.
The code is found here: https://gist.github.com/wpexplorer/f23fa905688d82039e0e6c68634aa44c So far I have this (Which is working great): https://snipboard.io/c5n6Td.jpg The last thing I would like is this module: https://snipboard.io/OMBT61.jpg My code looks like this: https://snipboard.io/iXksLU.jpgI need the array of settings for “Single Layout Elements”, I cannot find it in the file Total/inc/integration/sensei/customizer-settings.php you suggested.
Can you please help with this? Thank you!
It is figured out!
With type=”totaltheme_multi_select” I got to accomplish: https://snipboard.io/VYDru3.jpg Not fancy as https://snipboard.io/OMBT61.jpgBut it works
This is my code: https://snipboard.io/2Qnh7w.jpgThank you very much!
I just don’t understand why you are doing all this when you can just use my plugin for your post types which provides even more customizability – https://wordpress.org/plugins/post-types-unlimited/
Using code like you are means that you may have to manually update your code if I ever make updates to the theme. This makes management a lot more of a pain. Using the plugin means you don’t have to manually check your code whenever the theme is updated to ensure it’s still working and doesn’t need patching.
For example you were using ”’type’ => ‘wpex_blocks’ in your code snippet. This control type was renamed last year to “totaltheme_blocks” which is why it wasn’t working.
Also, it’s very possible in the future I will change how dynamic templates work so they aren’t defined in the Customizer but rather via a separate admin panel. If/when I do this if you defined a template using this code via the self::POST_TYPE . ‘_singular_template’ customizer option, it may stop working and you would need to migrate your template.
So, I would highly recommend using my plugin instead for adding your post types and taxonomies. It also will keep the customizer slimmer as the less settings you have in the customizer the faster it will load.
- AJ
Hi AJ,
Thank you for all your help.
What happens is that right before I asked, I had found this code here: https://gist.github.com/wpexplorer/f23fa905688d82039e0e6c68634aa44c Which I copied and pasted and it did the job, but I just needed the array of settings to populate a list blocks to allow enable/disable: https://snipboard.io/VYDru3.jpgI don’t want code conflicts. I will use the post types plugin and keep come back to keep you posted. Also, the customizer as it is loads fairly fast here.
Thank you, talk soon
Oh gotcha! I will update that snippet to add a comment above
Now, if you prefer to use code to control the post type and not use my plugin, you can do so without having customizer settings.
Here are the two relevant docs:
- Define post type single blocks: https://totalwptheme.com/docs/snippets/cpt-single-blocks/
- Define post type template: https://totalwptheme.com/docs/snippets/define-dynamic-post-template-via-code/
- AJ
Hi AJ,
Hope you’re ok.
Could you advise on whether it would be possivle to achieve a mobile menu look as shown on the below picture
https://ibb.co/Q7nY3nPrHi,
This is basically just a toggle effect that displays a grid. It wouldn’t be hard at all. First it would be easiest to start with the header builder – https://totalwptheme.com/docs/header-builder/ – you can import a pattern then delete the Off-Canvas element which would be used for the mobile menu. Instead just insert a theme button element that you would use for the toggle effect. Below you would insert a row that likely uses the theme’s Term Cards element as it seems you want to display a grid of taxonomy terms.
For the show/hide effect you would use the toggle element feature – https://totalwptheme.com/docs/toggle-elements/
There are other ways of doing this, but this would be a way you can do it without any custom code.
- AJ
Thanks AJ will give it a go. Are there any plans in future to bring more ecommerce based website headers to the theme? Used the theme for years and it’s the best i’ve ever used but think this would improve it even more
Adding more preset headers can cause bloat as they would require additional CSS and functions.
That’s why the header builder exists – https://totalwptheme.com/docs/header-builder/ – so you can literally create any header design you want
I’ve started working on a new shop demo that has a unique header design – https://totalwpthemedemo.com/boutique/ – but I would say it’s more of a clean/modern shop design not a “heavy” shop header like Amazon.
- AJ
Thanks AJ will take a look into that sounds like its exactly what I need.
I also wanted to let you know of a small bug i found. On checkout when viewing the terms and conditions it shows
css=””]before the actual terms and conditions.
css=””]”
vc_row][vc_column][vc_column_text css=””
have had to get rid of brackets
Hi, I am trying to disable the “dynamic footer” template on a specific page but leave the “footer bottom”. I have “footer bottom” checked under my template but when I hit Disable it seems to remove all of it. Can you point me in direction for how to fix this?
I see the issue, you would think that this setup: https://a.cl.ly/E0uBgGqW would work, but it’s not. It’s a bit confusing, because the “Footer” encompasses all elements at the bottom of the page (including the Callout). I could tweak the theme to make this pattern work, but will break sites updating to the latest version. What I will likely do is hide all the settings that no longer do anything when the footer is disabled to prevent confusion.
The reason for the why things work, they way they do is that the footer bottom and the callout areas are actually hooked into the footer action hooks (before/after) hooks and once the footer is removed those hooks no longer exist.
Now, if you just want this for a specific page it’s very easy with a little code to simply re-add the footer bottom. Example:
add_action( 'wp', function() {
if ( is_page( 1346 ) ) {
add_action( 'wpex_outer_wrap_after', 'wpex_footer_bottom' );
}
} );
Where 1346 is the page ID to target.
You could also just remove the default hook for the footer and move it so that it always works as you would expect:
// Change the default footer bottom action hook
add_action( 'wp', function() {
remove_action( 'wpex_hook_footer_after', 'wpex_footer_bottom', 10 );
add_action( 'wpex_outer_wrap_after', 'wpex_footer_bottom' );
} );
Just keep in mind, when you start tweaking hooks (second example) it could be possible that in a future update you would need to update your code if the theme ever changes how it works (I don’t see me changing the hooks, but just something to be aware of – if I do change how the hooks work it would be clearly noted on the changelog).
- AJ
ps: For any follow ups please log in with the account used to purchase the theme or purchase a valid license on this account. Thank you!
Thank you. I see now that I bought this license with my other account for my business site, sorry about that. Appreciate your help, as always.
No worries
Be sure to let me know if you have any issues or followup questions!
HI AJ
Got a little problem with “menu style 5” (centred logo) in conjunction with a mega menu.
When I hover over the parent item, the mega menu appears as expected, however when I mouse down to use the menu it disappears when the mouse leaves the parent item. Making the menu impossible to use.
Hope I’ve explained that OK.
Screenshot of the header: https://ibb.co/67Mp7DpWHi,
The theme uses CSS hovers, so what’s happening is if your menu items (li elements) are not also the full height of the header and you have the mega menu set to display at the bottom of the header then when you hover there is blank space between the menu item and the mega menu which causes the browser to hide the dropdown as you aren’t technically hovering over it.
Here is a screenshot to show explain better: https://a.cl.ly/E0uBo4ze
For other header styles you would just enable the setting at Customize > Header > Menu > Full-Height this will allow the mega menu to expand. But it looks like the option is not available when using this header style.
I’m going to need to come up with a solution. Let me have a look and get back to you asap!
- AJ
The tricky part is with the centered logo style menu, having mega menus that are not displayed flush against the header can cause issues where the mega menu goes over the logo and that looks bad. So for this header style specifically I placed them flush against the header so they are always below the logo.
I could update the theme to give access to the “Full Height” option to stretch the menu items vertically so they take up the full header height. The problem is that it’s not possible for this header style because of the top/bottom padding in the header. I can’t change the header padding, because it would cause display issues for users updating as the header will shrink greatly and cause issues with the shrink sticky header style.
It’s just not really a good header to have mega menus on and I can’t see any good fix.
What you can do on your site though, that will “fix” the issue is remove the header padding then add a custom height for your menu items. Like such: https://a.cl.ly/rRuKN0DY (if you do have other non-mega dropdowns it will shift these down as well).
This just isn’t something I can “force” onto people using the header style as it will create a lot of issues for customers updating.
The alternative would be to create a custom header: https://totalwptheme.com/docs/header-builder/ – and use 2 menus for the centered logo effect. Similar to this pattern – https://totalwptheme.com/pattern/header-13/ – the mega menu in the Horizontal menu element works differently as it’s always placed inline and you have more control over the design and layout.
- AJ
Thanks AJ, that worked.
Also related, is there any way I can align the menus to the left and right of the canvas, rather than close to the logo, see my mark up here:
https://freeimage.host/i/3UYpklI(This site was designed in Figma and not designed with Total in mind, so I am trying to get as close as possible to the design).
Clarification – the empty gap should then be either side of the logo, I don’t want to stretch the menu to fill all the space – hope this makes sense!
Hi,
You could use some custom CSS like this:
.header-five .main-navigation-ul {
justify-content: start;
}
.header-five .menu-item-logo {
margin-inline: auto;
}
But, keep in mind, that for the logo to be perfectly centered you need to have the exact same number of items on the left and right and the same number of characters for both combined.
That’s why these layouts are generally done using 3 columns so that the left and right menus have the same exact width, regardless.
The only way to accomplish that would be using the Header Builder as mentioned previously, because then you have 2 separate menus (left/right) inside columns width fixed width. Then you would need to create a 3rd menu (mobile) that has all the items combined.
So it can be a little of a pain to manage, but this is how the sites do it where the logo is perfectly centered. I started working on a new shop demo that has a similar layout – https://totalwpthemedemo.com/boutique/ (except I’m not using 2 menus but rather icons on the right).
- AJ
Another problem that I am now encountering is the following. Clicking on the Portfolio button on the menu bar takes me to the portfolio page (the one with the garish “Read More” buttons that I want to remove). If click on an image to view, I get to the right place, however, if I use the breadcrumbs to return to portfolio category the page looks different and I cannot figure out why. Try it https://mdcommunications.com/portfolio/.
Hi,
The reason they look different is because one is a custom page created with the WPBakery page builder and the other is an archive using the default theme design.
Now, on the main page you are using an older “Post Types Grid” element to display your items. I would recommend using the newer Post Cards element: https://totalwptheme.com/docs/total-theme-cards/ – this way you can either choose a preset design to use on the main portfolio page and assign the same card style for the archives (categories/tags) via the customizer. This way the entries will match.
Additionally you can create dynamic templates – https://totalwptheme.com/docs/dynamic-templates/ – so if you wanted to use the page builder to fully customize the design of your portfolio archives you can. This way you can use the Post Cards element as well and make it look exactly the same (not just selecting a card style – but customizing it fully)
In fact, your portfolio items all feature text on the right and an image on the left. Example: https://mdcommunications.com/portfolio-item/down-at-the-fields/ – it would be ideal to create a dynamic template for your Portfolio as well, this way when you add new items you don’t have to use the page builder and you can control their design globally.
The demo you imported (Flat) was an older demo so it was created before dynamic templates even existed in the theme. I’ve update the demo to use dynamic template and recorded a video to show you how I did that: https://a.cl.ly/mXu4J509
I didn’t record me editing every single portfolio item as it’s repetitive work, but this video should give you a good idea on how you can change things for a better setup.
You can also grab the content of my dynamic portfolio post template via the demo inspector tool – https://totalwptheme.com/docs/demo-page-inspector/?url=https%3A%2F%2Ftotalwpthemedemo.com%2Fflat%2Fportfolio-item%2Fcaptain-my-captain%2F – if you want to copy/paste it into your site.
It will take a little work to update your site (should be pretty fast though as it’s mostly just assigning the images to the posts) but it will ensure that you can easily manage them globally and by not having to use the page builder for each post it keeps things slimmer, faster and easier to manage.
I will also be updating the archives to use a dynamic template – https://totalwpthemedemo.com/flat/portfolio-category/logo/ – which you could also grab via the demo inspector (I will finish updating this demo after replying to your other comment and will likely take 10ish minutes).
- AJ
ps: I forgot to mention if you switch to the a dynamic template you can also then use Gutenberg for adding the portfolio post content, on my demo I have the Classic Editor plugin installed so that’s why I only have access to that editor. If you aren’t using the Classic Editor plugin on your site you may see Gutenberg instead and you can just paste your post content into that editor.
I’ve been trying for some time to build a simple portfolio website using the Total theme, but I’ve repeatedly run into limitations that are difficult to resolve. Many basic changes either don’t work as expected, don’t look right, or can’t be modified in an obvious way.
For example, I’m trying to remove the “Read More” button from the portfolio grid—the button is visually overpowering, but I can’t find any setting or documentation on how to disable it. Similarly, I’d like to remove the “All” filter button from the portfolio category filter menu bar, but there doesn’t seem to be a clear way to do that either.
I’ve reviewed the documentation thoroughly, but these common customization needs aren’t clearly addressed. Any help or clarification would be appreciated.
Hi,
On your portfolio page you’ve used the WPBakery page builder to insert the Post Types Grid element and a filter. To remove the button you can do so by editing the element like such: https://a.cl.ly/eDupl86D
For the filter, it’s impossible to remove the “All” button because this is a filter that simply shows/hides items on the page if you were to hide the all button the user can never go back to view all items, it causes accessibility issues.
I would recommend not using this filter, and rather inserting the “Navigation Bar” element and displaying links to the categories if that’s what you really want. Like such: https://a.cl.ly/BluedY1W – this way you can link to the category archives, rather then filtering the grid below which makes more sense if you don’t want an “all” button and it’s also better for SEO and Accessibility.
Also (and I mentioned this in my response to your newer comment). I would recommend not using the Post Types Grid element but rather use the newer Post Cards element. If you just want a design for your blog entries with an image, padding and shadow you can easily do this without having to create a custom card – https://totalwptheme.com/docs/custom-card-builder/ – but by using theme utility classes – https://totalwptheme.com/css-framework/ – here is an example video: https://a.cl.ly/xQumznb9
- AJ
I just updated the theme to 6.3. My sticky menu now appears behind images and the menu buttons are do not work properly. Any thoughts?
if you scroll the main page you will see the sticky menu is not visible until you get below the main header image. But when it is visible you will see that it is below the content. is this a z-index issue?
under Customizing - Header - General - settings are 1. Default: Left Logo & Right Menu
Hi,
This is AJ the theme author. I hope you had a nice weekend.
The issue isn’t happening for me, but I also see you’ve changed the header style to have the menu at the top and a centered logo.
It’s possible after updating you were having some caching issues and you simply needed to your cache to ensure it works correctly. The theme uses new utility classes for the z-index: https://totalwptheme.com/css-framework/z-index/ – the new ones are from “wpex-z-sticky” and below on this list.
The new utility classes provide consistency across all elements on the site and slim down the CSS so I’m not targeting elements specifically with a custom z-index.
These changes were made in 6.0 though, so if you updated to 6.3 from a version older than 6.0 it’s possible you could have issues if you haven’t cleared the cache as the theme uses new classes and the older CSS has been removed. That’s the only reasons I can think of.
If you wanted to put the site back to header style 1 so I can inspect, please do!
- AJ
ps: I see your site uses W3 Total Cache – which needs clearing after every theme, plugin or WP update. Plus, depending on the settings you may have to do a full browser cache clear as well when using this plugin.
I updated the site menu back to the original 1.Default: Left Logo & Right Menu. The menu is now acts as if it is below the content on the page instead of on top.
This page you can see the menu, as you scroll down it disappears behind the full width image at the top and then reappears as you keep scrolling, but it is behind all the text.
https://www.somanovo.com/soak-room/Hi,
Thank you for changing it back so I can look.
The problem you are having is your child theme is filled with CSS from the parent Total theme, looks like it was just copied and pasted from the parent. This causes conflicts, see here: https://a.cl.ly/yAuRKG9L
Because your child theme’s style.css loads after the parent theme style.css the child CSS file will take priority.
Now, your child theme should only contain your customizations. It looks like at someone point someone basically copied and pasted the theme’s style.css content into your child theme’s style.css file, which is a big issue (as you can see).
From what I can tell there may not even be any real customizations in the child theme’s style.css file. I would recommend making a backup of that file then erasing all the CSS from the file and refreshing the site to see if anything changed. Trying to weed through that massive child theme to locate any possible mods could take some time. But doing a quick scan, it all seems to be default theme styles so you will likely just need to remove everything and you are good to go.
- AJ
AJ, I truly appreciate your help on this. I probably should mention that I had remembered the CSS from the parent was in the child CSS before I updated to 6.3. So I was doing a test and putting the styles back in just to see if that was the cause. For me whether the child CSS is empty or contains a copy and paste from the parent… the sticky menu issue still remains. I removed the CSS from the child theme. Let me know your thoughts.
Thank you again.
When I inspect your site I still see the code in your child theme that’s causing the issue.
I see your site is using W3 Total Cache, make sure to purge this plugin’s cache because it combines, minifies and caches CSS files so even though you may have updated your child theme, the plugin is still loading the old child theme CSS.
- AJ
