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.

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,

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,

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.

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

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

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,

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 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

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

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

Hi,

The theme update should be available today or tomorrow. There are a couple small things I wanted to add before zipping it up.

If the WPBakery security vulnerability is a concern, keep in mind that it requires a user of Contributor or greater access. So as long as your site’s contributors, authors and admins can be trusted then your site is secure. And of course you should never add any user to your site with high privileges that you do not trust as they can do stuff like delete your whole site content or upload illegal/inappropriate content.

- AJ

Thanks AJ, just trying to plan my client’s software update schedule!

Just a heads up – It’s probably going to be a few more days.

I’m integrating a new method of activating licenses in “staging” mode (without API registration) so customers can setup dev sites and still receive theme updates. It’s taking a bit longer then expected and I want to make sure everything is very well tested before launching. There are also a couple bugs in the last WPBakery update I’m trying to resolve.

Thank you for your patience!

I’m thinking of sending out a quick survey to see when customers would like to get updates and how often. Of course, any critical security updates will still go out right away.

Are you signed up for the Total Theme newsletter?

There will also be a big sale next month, which I will announce there!

I’ve actually never sent out a newsletter before, as I was looking to switch to a more affordable service. I finally moved my email list from Mailchimp to Flodesk last week.

This means I can start sending out Total newsletters every now and then to gather feedback and share sales and major updates.

I could also share upcoming update dates and stick to a more consistent schedule. Do you think that would be helpful?

Sorry for the long message and thank you for any feedback!

- AJ

Hi,

Bookings are a complex functionality that is plugin-territory and not something you would find inside a theme itself.

Now, in terms of which plugin to use it really depends on your needs. There are tons of free and premium plugin plugins out there as well as 3rd party services you can use for bookings (outside of your own site).

I don’t have any personal experience with creating websites that allow for bookings, but if you want to provide more information on the site in question, what’s needed and what is the budget, I can do a little research and come up with some suggestions.

- AJ

Thank you AJ The site in question is theglasshub.com and when I say a customer portal what I mean is to customise the look of the ‘Account Pages’ – when a customer logs in and can see their orders etc.

Ah ok, so you are using WooCommerce on this site, which means the account pages are created by the WooCommerce plugin.

There are no built-in options in the theme to customize these pages as it can break 3rd party plugins, customizing WooCommerce core pages (like account pages) is not something that should be done in a theme.

Depending what you want to customize it may be possible with some basic CSS or for more advanced edits using PHP hooks/filters. There may even be 4rd party plugins you can use to customize these pages. But it really depends on what they want to change.

- AJ

Hi,

There isn’t any global class you can use, but it would be fairly easy to add your own JS code for this and I could assist knowing more info on how the site is setup.

The problem with opening and closing all toggles at once though is accessibility, this can create issues with users using screen-readers. It’s generally best to simply show/hide a single element at a time. This is why I don’t offer the function built-in as it’s generally not recommended.

If you wanted to show/hide multiple toggles at once, how is that any different then just showing and hiding 1 single toggle element that has all the content you wish to show/hide at once?

Can you share the page in question to see what you are going for?

That said…

Notice there are 2 types of toggle visibility choices: normal and “Persistent”.

If you use a “Persistent” toggle, these will remain visible or hidden and you need to click it’s button to open or close it. On the contrary, whenever you click to open a toggle it will close any currently open non-persistent toggles within the same parent WPBakery section or row.

So, if you want to have multiple toggles where only one can be open at a time and you place them all inside the same WPBakery section or row, as long as they aren’t a “persistent” type, opening any will close any that are currently open so only one can be opened at a time.

- AJ

Thanks for the reply! I found a workaround, it was something not too important for a temporary promotion of a client

Working on adding some utility classes. I will likely only add col/span 1, 2,3,4 and 5. They will be responsive as well: https://totalwptheme.com/css-framework/responsive-breakpoints/

Sample video with basic usage in WPBakery front-end editor: https://a.cl.ly/6qunjBJN

And since we aren’t defining a height for your rows, as content grows so should our inner elements: https://a.cl.ly/yAuqwvBN

Granted this example is with basic text blocks, but it should be the same with icon boxes (with backgrounds or borders) and with images where the “fill column” is enabled.

Here is a sample with images: https://a.cl.ly/rRuR46dx

In my videos I’m using the general classes so they aren’t responsive. If your grid stacks at a certain breakpoint you would instead use the breakpoint prefix.

For example, if the grid stacks at the “md” breakpoint your class would look like “wpex-md-row-span-{number} or wpex-md-col-span-{number}

You can also use multiple classes to alter the spans at different breakpoints if you wish to move things around as the browser width changes.

I know I could do something more complex and perhaps easier to use for non-developers, but I think the addition of these utility classes should be enough to make some cool looking Bento layouts without introducing a ton of bloat and complexity.

These utility classes are included in the upcoming update to be released today/tomorrow.

- AJ

Awesome, AJ.

Didn’t expect this to drop that fast

Looks great to me and seems to cover a ton of use cases. Is it possible to combine row and col span with this?

Really appreciate you adding a feature just because one person asked for it. That’s some next-level service. Seen this a few times from you already. You’re honestly one of those rare devs who just gets it and keeps pushing to make this theme as flexible and dev-friendly as it gets.

Can’t wait to play with it.

Thanks ❤

- flipstar

Hi,

Yes you can combine row and col spans. Sample: https://a.cl.ly/bLuL4Lbx

I will write a dedicated documentation for this once the update is live! I’m also working on making the Grid and Flex containers available in Elementor for customers using that builder.

These new utility classes should allow for some pretty nifty layouts with images, icon boxes, text blocks, image banner…etc. So thank you so much for the suggestion and helping figure out how to implement it! The next step would be to add a few patterns that you can use as a basis (already added to my todo list) and then last figure out how we could do this with post/term cards (maybe in v7.0).

Thank you for the kind words

- AJ

Hi,

This is a a custom post type – https://developer.wordpress.org/themes/classic-themes/basics/post-types/

In WordPress pages are technically “posts”, so are images in the media library and even your menu items. The reason WordPress has posts and “pages” separate is to make it easy to separate your blog from your main site content. And this is what custom post types (like portfolio) are for.

Now, if you don’t need or want to use the Portfolio post type you can disable it via the Theme Panel. The same goes for the theme’s built-in testimonials and staff post type.

And if you need to create more custom post types I created a free plugin for that – https://totalwptheme.com/docs/adding-custom-post-types/

In fact, if you wish you can disable the Portfolio post type via the Theme Panel and instead use my plugin to create a post type named “work” if you prefer to have the items saved using that word instead of portfolio in the database.

By default the Portfolio actually uses “portfolio-item” for the slug not “portfolio” – but if you imported a demo that had a main portfolio page then perhaps that is the /portfolio/ you are referring to – in which case you would just rename the page itself. To change the default “slug” for individual portfolio posts you would do it via the Settings page – https://a.cl.ly/nOuOOy9w

Now, because of how WordPress works, if you want standard pagination on the main portfolio page that displays your items like page-1, page-2, page-3…it’s important that you do not have a regular page with the same slug as your post type slug as it will break pagination. That’s why by default the theme uses “portfolio-item” for the slug and not “portfolio” to prevent issues with pagination.

When working with post types like the Portfolio I also want to mention that it’s a good idea to set them up in a way that makes it easy to add and manage your items. In Total, this would be done primarily via Dynamic Templates – https://totalwptheme.com/docs/dynamic-templates/ – this way when you create new portfolio items you are not using a page builder every single time. Instead you create the design for all the portfolio posts using the page builder via a dynamic template that’s assigned to the post type. Generally, post types should have a consistent design across each post.

Again, the Portfolio and other default post types are 100% optional and you can disable them in the Theme Panel. If you don’t need to showcase many works, it may be best to just use a single page to display sample work and disable the Post Type.

- AJ

Hi,

If it all works when logged in, most likely the issue is related to a bug with an optimization plugin that is modifying the theme’s javascript files incorrectly. These optimization plugins generally only run for logged out users.

The theme uses modern techniques to optimally load theme scripts and there are some plugins out there that will strip out these optimizations and cause them to break. More specifically, Total uses the defer attribute on it’s JS files but adds them in the <head> of the site this can help the site load more optimally. If a plugin removes the defer attribute, the file won’t work as expected anymore because it will cause the script to run before the site has rendered, so elements like the sticky header or local scroll link won’t “exist” when the script is executed. I’ve seen this issue with a few minify/combining plugins.

If you share the URL in question I can tell you exactly what’s going on

- AJ

Hi,

Yes you can use the FontAwesome Pro icons in the theme’s elements.

You will need to download the SVG files for the icons you wish to use.

Then, if you are using WPBakery you can use the theme’s custom button when selecting an icon – https://a.cl.ly/DOuYY704

And if you are using Elementor you would use this option: https://a.cl.ly/E0uvvpGD

SVG uploads are not allowed in WordPress by default, so you will need to first install a plugin like Safe SVG so you can upload the icons you want to use to the media library. Or add some custom code to your site to enable SVG uploads.

It’s also possible to replace the theme’s icons entirely with your icons via a child theme. See here: https://totalwptheme.com/docs/snippets/custom-icons-json/

It’s worth mentioning, that the reason you would upload the individual icon SVGs, is because this way you are only adding the icons you need on your site. If you were to instead use FontAwesome as an icon font, that requires loading a bunch of CSS and all of the icons. This is very inefficient and it will slow down the site and lower it’s page speed scores. Also SVG’s are simple HTML so they render inline, it’s the best way of displaying icons on a site.

- AJ

Hi James,

WordPress has a couple filters you can use to modify the arguments of any registered post type. Here is a sample snippet for hooking into just_events and changing the with_front to false:

// Modify the just_event post type args
add_filter( 'register_just_event_post_type_args', function( $args ) {
    if ( isset( $args['rewrite'] ) && is_array( $args['rewrite'] ) ) {
        $args['rewrite']['with_front'] = false;
    } else {
        $args['rewrite'] = [
            'with_front' => false,
        ];
    }
    return $args;
} );

I personally would recommend keeping the URL’s much slimmer (site/post-slug/ or site/cpt/post-slug) not just for SEO reasons but also for readability.

- AJ

Hi James,

There is no way I could know why it’s not working without logging in and looking. Inspecting the source code I don’t see any image element, so the element itself is not being added to the code. This means either there isn’t any element added to the template or there isn’t any image being fetched.

To confirm, you’ve inserted the theme’s Image element and set the source to “Featured Image” like this: https://a.cl.ly/GGujjg4P

I do see the post has a featured image defined and there aren’t any known issues with theme’s element fetching the featured image so it should be showing up. Can you double check the template and if you still can’t get it working please send me temp access so I can log in and see what’s going on. Thanks! https://my.totalwptheme.com/

- AJ

Thanks AJ

I have opened a ticket for you to look. It’s probably something simple, or something I did and have forgotten !

Got it and replied back