Hi,

Sorry for the delayed reply.

The easiest way for this is to simply create 2 menus. One for desktop and one for mobile. The theme has the ability to assign a different menu to use on mobile: https://totalwptheme.com/docs/create-custom-mobile-menu/

This way you can arrange them exactly how you want for each device.

Alternatively, if you use the header builder: https://totalwptheme.com/docs/header-builder/

You can accomplish the same thing because the horizontal menu element that you would use for desktop can display one menu and then you can select a different menu for the Off Canvas element which you are going to use for the mobile menu.

- AJ

Thanks AJ!

Hi Chris,

You can ignore this for the time being, they made a tiny change to the file for accessibility which I’ve already done for the upcoming Total 6.1 update – it’s not a site-breaking change that warrants an immediate update.

You can pretty much always ignore those warnings, if there is a change that is site-breaking I will release a theme update immediately, otherwise I don’t want to bug people with such frequent updates.

- AJ

Ok, I’ve fixed the issue and tested in all modern browsers. The 6.1 update will be released this week – https://totalwptheme.com/docs/upcoming-update-changelog/ – there is only one more thing I have left to do and I will update my live sites tomorrow and test and once it’s fully tested I will release the official update. So it should be around thursday/friday.

If you need the fix sooner send me an email at wpexplorer [at] gmail dot com and I can manually patch your site for you or send you the file to update.

Thank you again for letting me know of the issue!

Thanks AJ!

Happy to wait for the update, hopefully that should be available this week as you’ve noted.

Thanks again for looking into this.

Hi,

I took a little extra time to implement some more Elementor functionality for customers using that plugin – https://totalwptheme.com/docs/upcoming-update-changelog/

But I’m all done now, I’ve just zeroed out my issues list on Github for this update and I’m getting ready to zip it up, update my live site and demos and start testing!

Thank you again for reporting the bug and for your patience!

- AJ

Sorry for the late reply, some personal stuff came up and I’ve been MIA.

This aite – https://yangatalent.com/ – looks beautiful, great work!

Deciding how I would handle Dark Mode took me a long time (I coded various different methods) and I hope what I did is fairly intuitive and not a big pain to setup. I wanted something that provided the most flexibility and wasn’t automatic.

Recently, I’ve been struggling to figure out how to make it work with Elementor (some customers want to use Elementor instead of WPBakery) and the theme fully supports it and most elements are available in that builder. But their plugin doesn’t have any way to hook into their color picker properly. I coded a method to “sync” the theme colors with Elementor, but I have concerns that Elementor could update in the future and break this process. Something I’m trying to figure out for this upcoming 6.1 update – https://totalwptheme.com/docs/upcoming-update-changelog/

By the way, if you haven’t seen the 6.1 changelog yet – get ready for Term Cards! This really opens up some cool possibilities.

- AJ

ps: Can I add this site to my blog post here: https://www.wpexplorer.com/sites-using-total/ ?

Hi AJ and Jeje, Those theme cards will make things much easier! I was thinking about them when I was working on the last project. Since I use a lot of custom CSS, I prefer WPBakery better. WPBakery + frontpage editing and ACF are the easiest for clients to use when editing their content. Of course, you can add the site!

I agree, setting up ACF fields then having dynamic templates and custom cards is so much easier for the end user! This is what I hope most people are doing, unfortunately it’s hard to educate users. So often I see sites that have every single post/page manually created with a page builder – ugh.

With the new Term Cards you can also add ACF fields to taxonomies, then use the Term Cards element in your dynamic template for posts to display the custom fields for the terms associated with the post.

For example, if you have an Event post type and a Venue taxonomy, the venues would have fields like address, phone, etc. You can then create a custom card for the venue details, insert the Post Cards element in your single Event template, set it to display Venues for the current post and select your venue card. Now, the event will display all that data automatically on the post from the associated venue.

I’ve also updated how Cards work so you can have cards inside cards inside cards…unlimited. When creating custom cards you will now have access to all elements and it won’t be restricted anymore as well.

Hopefully 6.1 will be ready sooner than later!

- AJ

Hi,

Thanks for the heads up. This appears to be a conflict in newer versions of WooCommerce with the Gutenberg block specifically. I will fix this in the upcoming 6.1 update to be released this week.

You can add this CSS to your site for a temporary fix:

.wc-block-grid .wc-block-grid__products { display: flex; gap: 0; }

You can add this code under Theme Panel > Custom CSS

I see you don’t use WPBakery or Elementor but rather just Gutenberg for this site. I think you may be one of two only customers doing that! And I do have plans to extend the Gutenberg functionality in Total this year (such as making more of the theme’s elements available in Gutenberg). So if you have any feedback in this regards please let me know!

- AJ

ps: Your shop page is set to have a sidebar, but you don’t have sidebar widgets. Just a heads up. So even with the CSS above the items won’t fill the whole page. So you may want to also modify your pages and/or shop archives layout – https://totalwptheme.com/docs/content-layouts/

I’m actually having trouble recreating the issue with the columns (I’ve tried every single block element available in WooCommerce). Any chance you can let me know how you inserted the grid into the page? Thank you!!

Hi,

This is Aj the theme author.

What you are doing is creating a query that will look for portfolio posts and standard posts that exist in both the chosen category and the portfolio category. So unless you have the portfolio categories assigned to the posts and the standard categories assigned to the portfolio items this will return 0 results.

If what you are trying to do is display both portfolio items and standard posts that share a similar term, you will want to do one of two things:

• Enable the standard categories for portfolio items so you can assign portfolio posts to the standard categories to create a shared relationship between posts and portfolio items.
• Create a new taxonomy – https://totalwptheme.com/docs/adding-custom-post-types/ – and assign this taxonomy to both posts and portfolio items so that you can create terms that are shared between both post types.

- AJ

Hi, thanks for your quick response. I checked your docs and found the advanced query, I use the query and it looks working, am I using right:

posts_per_page=-1&post_type=post,portfolio&post_status=publish&tax_query[relation]=OR&tax_query0=portfolio_tag&tax_query0=slug&tax_query0[]=how-to-say&tax_query1=category&tax_query1=slug&tax_query1[]=how-to-say&orderby=date&order=ASC

Hi,

Sorry, you are right you can do i t with a custom query! I don’t know why I didn’t think of that, I was so focused on the built-in “Include Terms” field.

By default the theme uses an AND relationship for the Include Terms field – I should look at adding a new option to choose between AND/OR so that you can do this sort of thing without custom code.

Thank you for bringing this to my attention!

- AJ

i think i will use this solutio at your YT channel. because ‘posts cards’ doesnt have ‘filter’ https://www.youtube.com/watch?v=ifhQ7Fb-0lE

Hi,

- To have the custom colors in the post, do I just need to apply it to a dynamic template?

That is correct. If you create a custom template and use the Term Color it will apply the color of the “primary” category assigned to that post.

- Is it possible to have different types of cards in a grid using the custom colors?

This is much more complex, but it is possible. Usually in a grid all the cards should look the same, changing the color is fine, but the layouts usually all match. If you need a completely different layout for each card you would need to hook into the “wpex_card_template_id” filter to define a different template ID based on the current post category.

That said, the theme has the ability already to define a card style for a category archive, the setting looks like this: https://a.cl.ly/9Zu692bw – you can use this setting to make the code easier and manageable via the backend. Here is a sample snippet: https://totalwptheme.com/docs/snippets/term-based-custom-cards/

What this code does is it grabs the primary category of the post being shown, then it checks if a custom card was selected for that categories settings and if so it uses it. This ONLY works with custom card templates though. It will not work with pre-set styles. I need to introduce a new filter (which I will do in the next update) so that you can assign any style to any card in any given context.

This means if you are using the Post Cards element to display cards you will need to select a custom card to start, so you can create a generic card for all blog posts that is used as a fallback if a custom card isn’t used for a term. Or if you have like a default/uncategorized category create a card for that and select it when using the Post Cards element.

- And one more question: to apply the category colors to the menu and being in a post of a green category, for example, I have the menu in green. Is this possible? And how to have this to ‘portfolio’. its possíble too? T

This is not possible with any theme function, you will just need to use custom CSS to target your menu items.

- “Blog grid” component does not loading custom colors (set on ‘title > color > term color’. I need filter to posts categories. and post cards does not have filter option.

You can definately filter Post Cards, see here: https://totalwptheme.com/docs/filter-grid-navbar/ and here https://totalwptheme.com/docs/post-cards-ajax-filter/

I will look into the issue with the Blog grid, because it the term color should be working. But based on everything you are asking for, you need custom cards

- AJ

Thanks a lot!

Hi,

This is AJ the theme developer.

Can you please share the URL in question so I can take a look at the issue?

There aren’t any known issues in the latest version of the theme or WordPress, did you already try disabling plugins to see if any plugin is breaking the site?

- AJ

Hallo AJ, for some reason today the website looks fine again. I can just guess and see the problem on the host side. Yesterday I got a call that the website homepage looked crashed. All Navigation looked different and 90% of homepage was not visible. I updated all plugins, Theme core files, deleted cache but it was still looking messed up. In the backend all looked fine in Wordpress.

I guess its one of those mistery , where I will never know what cause the problem. Since i dont changed anything since yesterday myself, I can just asume that the problem was on the Host side.

Thanks anyhow and sorry for the panic attack.

Very strange! I’m glad it’s all working now though!

If you do have any issues in the future let me know and please share the URL so I can be of greater help.

Have a nice day,

- AJ

AJ,

You read my mind – the vertical style like on your theme docs is exactly what I was looking for. Thanks for taking the time to reply and for the example.

I always feel lucky I chose Total several years ago. Every time I have a little issue you have helped me out. The theme itself is great but when I am stuck, your excellent docs and support are critical. Thanks again.

-Eric

Hi AJ,

Last question: On the “easy” way you mentioned, is there a trick to have the accordion toggle open and close? Mine always stay permanently open.

Example: https://www.americanmademan.com/test29/

Thanks!

-Eric

Hi Eric,

On this page you are using the “Modern Menu” widget which isn’t an accordion. You will want to use the standard WordPress element named “Navigation Menu”. Example video: https://a.cl.ly/llueXYmd

By the way, in my video I’m not using the Gutenberg widgets (I don’t like them) you can do the same by disabling the block editor like such: https://totalwptheme.com/docs/disable-the-gutenberg-widget-block-editor/

- AJ

One more question… I’m trying to create a dynamic template for the categories or tags archives. I have used Auto as Query Type (in Post Card settings > Query) and it works fine but I need to display some ads between the posts. The problem is that there is no Offset when you choose Auto, it only exists in Default. So, for example, I can’t have 4 posts, then an ad, then 8 posts, then an ad again and then 8 posts with infinite scroll.

Hi,

The best way to display a “tag cloud” of sorts would be using the Navigation Bar element and setting it to display taxonomy terms. Example: https://a.cl.ly/p9u4QGlZ

And if you only want to include certain tags, then you would just go to Appearance > Menus and create a menu with the tags you want included and then select that menu for your Navigation Bar element instead.

Now, if what you actually want to do is display different links larger based on how many items are added (like the “traditional” tag cloud) then you would want to use the WordPress tag cloud widget instead as there isn’t any theme element for this as it’s quite old school. This can be added in WPBakery using the “WP Tag Cloud” element.

By default though, in Total I set all the links to be the same font size (because it looks nicer). If you wanted to have different font sizes based on how many items are added in each term than you would need to add some PHP code to your site. Example snippet: https://totalwptheme.com/docs/snippets/tagcloud-with-different-font-sizes/

Also, the WP Tag Clould Widget will display all terms in the selected taxonomy but you can hook into the same “widget_tag_cloud_args” filter to modify the include parameter: https://developer.wordpress.org/reference/hooks/widget_tag_cloud_args/

- AJ

It would be impossible to add an “offset” for a query that displays items in an archive because of how WordPress queries work. It would be fairly complex to allow for this and would break things such as pagination and load more scripts.

To insert advertisements between your cards you would need to use some advanced code like this: https://totalwptheme.com/docs/snippets/insert-content-between-post-cards-entries/

- AJ

it’s the licence for spearheadmachinery.com ending -e5d3380456d4

Hi,

I see the license is registered to the http version of your site not the https (which are technically 2 different domains).

So it sounds like you activated the license before enabling SSL on the domain.

All you need to do is de-activate it in the license manager and then re-add it to the site.

Adding your SSL cert should be one of the first things you do on a website before anything else.

- AJ

Thanks very much for the info

Hi,

This is AJ the theme author.

WooCommerce made a tiny change to this file and I’ve already updated it for the upcoming Total 6.1 version – it’s just a small change for accessibility so nothing will be broken, this notice can be ignored for the time being.

If there is any WooCommerce change that is site breaking I will push out the update immediately. So generally you don’t need to worry about these partial template notices in WooCommerce as I keep a close eye on them.

- AJ

Awesome! Thanks so much for your reply, AJ.

Hi Matt,

There isn’t any event triggered when submitting the theme’s contact form, I will add a custom Event – https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events – in the next update so you can hook into it with custom javascript to do anything you want after submission such as redirecting the user to another page.

If you are using contact form 7 it’s already possible – https://contactform7.com/dom-events/

- AJ

Thanks AJ, but in previous releases of the theme the back button would take the user back to the anchor link.

I have this example where I have not updated the theme, and you can see it behaving as I described:

https://shorturl.at/mppBv

Let me know what you think

Thanks

James

Hi James,

I was under the impression that doing that is actually bad for accessibility which is why I had modified things. But I see now that going back to the previous anchor is actually default behaviour so I will change things back in the upcoming 6.1 update.

Thank you for bringing this to my attention!

- AJ

Ok, all fixed for the upcoming update. Thank you again for reporting this!

i see your comment below to jonpike and that 6.1 update will fix , meanwhile its not an issue to the function of website – I thought i saw it but was unable to find before i posted – i also thought i saw a theme update on my site – but when i went to make a backup ftp copy and checked it had gone – i’m on 6.0.2 version

Hi

The latest version is 6.0.3

If there is any some sort of issue when WordPress pings my server (on either end) for an update check it won’t return the correct data and it could get cached in WordPress and you may need to wait for WordPress to send the request again. You can try going to the WordPress themes page to see if it re-triggers the check.

I am planning a 6.1 update this week though, which has the updated WooCommerce template file version if you want you can just wait for this update. 6.0.3 didn’t have any crucial fixes that would require an immediate update unless you are experiencing one of the issues mentioned in the changelog: https://totalwptheme.com/docs/changelog/6-0-3/

- AJ

thanks , I’ll wait for the 6.1 update , rather than update twice as its not causing any issues – thanks so much for the quick reply appreciated

Hi,

When using adobe fonts, if you have a project with multiple fonts you should add each font in the font manager and for each one enter the same project ID.

You shouldn’t have to add each individual style/weight because Adobe Fonts (typekit) will add all the font weights and font into the same CSS file that gets loaded.

Can you share a sample URL so I can inspect the code to see how it’s being added?

- AJ

Hello AJ – me again. I am still having an issue here and realised I had not got back to you. I am facing this again with the Adobe CC Fonts not loading on site. I have added the WEB Project in the ADOBE CC and added the font in the WP Dashboard too.

WP Font Manager: https://encr.pw/fU9BG ADOBE WEB PROJECT: https://l1nq.com/twwuR Staging website: https://www.wsa.sprocketweb.co.za/

Would appreciate some assistance – thank you.

Hi,

Those first 2 links are taking me to a spam site with nothing but Google ads..

When inspecting your site though I can see the following Typekit (Adobe Font) CSS is being added to the site – https://use.typekit.net/vll1cdc.css

Make sure you’ve named your fonts in the Font Manager to match the font name used by Adobe which should be “canada-type-gibson”

Then assign that font where applicable, for example if you want to assign it globally, do so under Customize > Typography > Body. Currently I don’t see this font name defined anywhere on your site. So the font is loaded, but not used anywhere.

- AJ

I’ve also created a styled [wpex_template] Template ‘part’ and inserted this shortcode into the Category description box.. and the Bakery code still shows on the front end.. seems this box doesn’t like anything other than plain text. (The reason why I’m doing this is because each of my categories it very different and they need different layouts/images/copy etc.)

Hi

Adding colors and stuff still works correctly for me. Example: https://a.cl.ly/GGublqmJ

Now, by default the description displays in the “title subheading” area (like in my video) – are you using a different method for displaying the category description so I can test accordingly? Thanks!

- AJ

ps: The reason why I’m doing this is because each of my categories it very different and they need different layouts/images/copy – if each one is styled so differently you may be better off just creating a full template for each and assigning it with this plugin – https://wordpress.org/plugins/term-based-dynamic-post-templates-for-total/ – then you aren’t using the description field, but rather making a fully custom template for each term.

Hi AJ, thanks for the info. I have gone into one of my other Total theme sites to test – and put a template part into the Category description and it does the same thing. For some reason it’s just not working for me… putting a template shortcode into the description box results in all the bakery code visible. in Portfolio/blog/shop categories: https://drive.google.com/file/d/1llk72_RSHl1Ro6xvPW41iQR8qNVUjlyQ/view?usp=sharing

I have downloaded the plugin and will check it out. For now my shortcode fix is working so when I get a moment I think I’ll go over to fully custom template for each category. Thanks for the great support as always, Total really is the best. Cheers,Chris

Hi Bob,

You can ignore this for now. I already updated the file in the upcoming Total 6.1 version. The change is a small change for improved accessibility, it’s not site breaking.

In the future if you see a notice like this and your site still works you can just ignore it. Often WooCommerce makes small changes to these files that won’t break your site if you don’t immediately update them. If there is a site breaking change I will release a theme update immediately.

- AJ

Hey AJ,

thanks for reaching back.

You can see it happening on https://halo.club

It’s meant to open the dropdowns “on hover”, without “on click”. At least that is how it always has been.

Best, Sanny

Hi Sanny,

Ok, I think I understand the issue now. You mean when you hover on the parent them slowly move down to the dropdown they will disappear? Like this: https://a.cl.ly/xQukqPGX

This happens because there is a space between your menu and the dropdown. This space is coming from a custom 10px top margin added in your custom CSS panel: https://a.cl.ly/kpuzJP9v – under a heading “Dropdown Abstand oben*.

If you want some extra space simply change this margin-top to padding-top – this way the dropdown and the menu links still “touch”.

Now, in the past the theme used to load a JS file called “Super Fish” (still available in the theme but no longer the default). This added javascript that would keep dropdowns open for a longer delay and it’s main purpose was to provide dropdown support because when the theme was first released pure CSS dropdowns wasn’t possible. So it’s possible at some point your site swapped from the SuperFish script to CSS dropdowns and so now you see this issue.

- AJ

OMG. Never ever would i have found that on my own.

Yes, it worked like a charm – as all your solutions so far.

Thank you so much for always taking the time to explain the backgrounds and giving visuals.

All the best for you, Sanny

Hi Aj, thx for the reply, I actually did uninstall all plugins and re-activated them one by one. And when it came to WPBakery, the featured image issue happened again. I did install a plugin for comments recently but I am not sure it is associated. I even tried to downgrade Wordpress but the problem remains. Same when I clear my cache. The media library works fine and I can import new images and also import images with a normal image module in a post or page. When I tried to import a featured image tho, the first image of the library becomes a blank one and I see ”: :” in the attachment details.

So to be clear, I click the “import featured image” link from a post or page, in the media library panel, I can import or select an image but when clicking “set feature image” the image won’t show in the back end and front end. When selecting any image from that media library panel, I have this weird blank image that appears in first position with ”; ;” and nothing else.

Hi,

What’s confusing me is there is no such thing as “import featured image” in WordPress. The text usually reads “Set featured image” (not import). It almost sounds like your site has a custom function to use outside images as the featured image.

I’ve never seen an “import” featured image function nor can I find anything on the internet about that.

Now, I have seen the issue you mention where an image shows up as ”; ;” and this usually happens when an image fails to upload to the server or there are server permissions preventing access to the photo. So the image data is saved in WordPress but the image itself can’t be rendered.

I see your export has expired so you can’t submit a private ticket, do you want to email me directly to wpexplorer [at] gmail dot com – so you can than share your site logins via onetimesecret.com and I can log in and see what’s going on?

- AJ