Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 57,737 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22315 comments found.

Hi, in the customizer I have set up the colour of my links, buttons etc to appear in the colour of my choice but some of them don’t seem to be configured properly on the woocommerce pages and stick to the default colour of the total theme which seems to be #1a73e8.

For example, I have this colour in a menu of my Woocomerce sidebar, tab title of a product, etc.

Do you have any idea how to fix this?

I want to mention also…That if you haven’t done it, it’s also best to define your custom colors via the Color Palette – https://totalwptheme.com/docs/color-palette/ – then you can select from these in the Customizer by clicking the globe icon for the color picker.

This way if you want to set the same color in different settings you can still modify it globally if you ever want to change it.

Also, it will allow you to create a dark mode version of your site if wanted – https://totalwptheme.com/docs/dark-mode/

Hello AJ,

Perfect thank you for your help.

I had done the color palette with my colours but did not check the Accent colors.

This now displays my colour, thanks again.

Great!

Pagination chevron or arrow not working: can you help me? It appears numeration page, but the arrow or chevron doesn’t appear, even “next” or “prev” not working.

Hi,

Oh, this is the single post pagination created by adding page breaks to your post. This works differently then the archive pagination and by default WordPress doesn’t add arrows to the single post pagination. I will look to see if it’s possible to modify how it works so that the arrows can be inserted.

I would highly recommend not paginating your posts though, this is very bad for SEO.

- AJ

Unfortunately WordPress only supports displaying numbers only or arrows only – https://developer.wordpress.org/reference/functions/wp_link_pages/ – the only way I can modify the pagination would be to override the core WordPress function which can break 3rd party plugins and bloat up the theme :/

Ok, it’s all clear. Many thanks

It appears that a recent update has broken certain shortcodes from loading while using a child theme. One example is the ‘vcex_staff_grid’ shortcode. It works fine if using the parent theme, but does not work when switching back to the child theme. There are also other standard WP Bakery shortcodes like ‘vc_message’ that are not working with a child theme active.

I’ve tried downloading the sample child theme you provide in your documentation, but the same issue appears. I have also re-saved settings in the theme panel just in case that would help. No luck.

Hi,

This is AJ the theme author.

It sounds like you enabled WPBakery Slim Mode on your site – https://totalwptheme.com/docs/wpbakery-slim-mode/ – which disables some of the older elements which aren’t needed. For example with the Post Cards element available now, there is no need for the Staff Grid element.

Settings are “tied” to the active theme, so when you switch themes different settings are used. This means you’ve enabled WPBakery Slim Mode while having the child theme active, but not while the parent was active – thus things appear to be “fixed” when swapping themes.

- AJ

Turning off that setting fixed the issue. It must have enabled automatically during a theme update, as I don’t believe we turned it on.

Thanks!

HI AJ, It’s been a while and I thought “lets drop you a note” ;) Hope all is well with you! I’m almost done with a new site and I have two questions:

1. I’m using mobile menu style: Dropdown (Full Height). When I open that on my actual phone the menu show wider then the site is. It goes back to normal asa I start scrolling. I’m attaching two screenshots for reference.

https://iktrackdatniet.nl/wp-content/uploads/2025/03/IMG_2915.png https://iktrackdatniet.nl/wp-content/uploads/2025/03/IMG_2914.png

FYI: I added a WPbakery template to the menu using custom actions. Maybe that messes things up?

2. Site is multilangual using WPML. How do I translate the reading time in blog meta?

You can find the site on: https://iktrackdatniet.nl/

Pls help!

Cheers, Tonny

Hi Tonny,

1. The issue is you have some custom CSS making your site header have a fixed position, which is overriding the header styles. Since you are using the Transparent header the theme adds CSS that makes the header have an absolute position and that is overriding your custom CSS – however, when you use the Full-Height header the theme actually remove the absolute position so that the site background is visible while the mobile menu is open (which looks better in most cases) – but then your CSS overrides causing issues. Here is a video: https://a.cl.ly/GGubOZpE

I recorded a video of a demo with a transparent header and enabling the full-height mobile menu so you can see why the theme resets the header position (makes the header white again) – https://a.cl.ly/xQukGd7m – otherwise you would see a weird background color at the top which doesn’t look good. Like this demo – https://totalwpthemedemo.com/pottery/ (this demo is using an older style mobile menu so it works differently, which I will edit to use the new dropdown full-height option so it looks better). It looks a lot better when the theme removes the transparent header absolute position and the whole page is white when the mobile menu is open.

For your site, since you have a transparent header on all pages. I would recommend making your header background color black and the mobile menu black, I think that would look best.

And to fix the issue, you will need to either remove that fixed position on the header in your custom CSS or switch mobile menu style to the full-screen or sidebar style, because it won’t be possible to properly display a dropdown style mobile menu that is inside a fixed header – unless you manually set a custom width in pixels for the mobile menu.

And, since you are using the theme’s sticky header there is no need to set a fixed position for your header anyway…if you are going to use CSS to set a fixed position for your header then you should disable the theme’s sticky header function because right now it’s running extra unnecessary javascript.

2. The reading time strings are localized so you should be able to find them in the strings translation settings in WPML. You may have to go to WPML > Theme & Plugins Localization and check the box next to Total than click on the “Scan selected themes for strings” button so that WPML can locate all the strings. I had to do this, because it wasn’t automatically reading the .POT file (I don’t know if WPML even does that – you may have to always click the button). Then you should find the strings under WPML > String Translation like this: https://a.cl.ly/GGubOZwz

- AJ

Thx for the swift reply! I found the string eventually in total-core.

Mobile menu is fixed. Thanks for pointing me to the self created issue. Can’t remember why I used position:fixed on the element. I looks great now.

Hi AJ,

Is there a reason why font weight and text transform are missing from the typography options of the breadcrumbs element?

Also I use ‘html { font-size: 62.5%; }’ for easy REM font sizing with the body at 1.7 & 1.6 for mobile. The tinymce editor renders this larger I assume because it calculates from a base of 16px. Do you have a snippet to correct this? I know this was an issue with the block editor for some time but has since been fixed in core.

Thanks, Paul.

Hi Paul,

There is no specific reason, I will add them. Thank you for the heads up.

For the meantime you can always just use the theme’s utility classes in the extra classname field:

This way you can apply the styles without using custom CSS.

The theme used to use the same CSS you use to modify the root font size but I removed this in Total 6.0 because it’s actually a big accessibility issue to modify the root font size and it can also cause issues with 3rd party plugins. I would encourage you to consider not doing this anymore.

Setting 1.6 for the body font on mobile would be 16px which would just be 1rem at the default root font size, so it’s not really “easier”.

One thing I wanted to mention, I know you’ve been using the theme for a while now. On new installations (aka Deprecated > Classic Styles are disabled in the Theme Panel) the theme now uses fluid font sizes for it’s preset font sizes – https://totalwptheme.com/docs/preset-font-sizes/ – so if you were to use the theme’s font preset sizes in your design they will get smaller as the screen get’s smaller. For example if you set your body to “lg” the font size will be between 16px – 20px

Here are the defined theme font sizes:

 --wpex-text-xs: .75rem;
--wpex-text-sm: .875rem;
--wpex-text-base: 1rem;
--wpex-text-lg: clamp(1.125rem, 0.9688rem + 0.5vw, 1.25rem);
--wpex-text-xl: clamp(1.25rem, 0.9375rem + 1vw, 1.5rem);
--wpex-text-2xl: clamp(1.5rem, 1.1875rem + 1vw, 1.75rem);
--wpex-text-3xl: clamp(1.75rem, 1.2813rem + 1.5vw, 2.125rem);
 --wpex-text-4xl: clamp(2.125rem, 0.8125rem + 3vw, 2.5rem);
 --wpex-text-5xl: clamp(2.5rem, 1.0313rem + 3.5vw, 3rem);
--wpex-text-6xl: clamp(3rem, 1.0938rem + 4.5vw, 3.625rem);
--wpex-text-7xl: clamp(3.625rem, 2.6875rem + 3vw, 4.375rem);

And you can of course modify these in the Customizer.

I would generally recommend using modern fluid font sizes instead of setting your fonts at different breakpoints and using the preset font sizes wherever you declare a custom font size to ensure you can always modify your font sizes globally.

You can of course add your own code to modify the TinyMCE editor styles by hooking into the appropriate hook – you can see how the theme does it in the Total/inc/admin/mce-editor.php file. But I would recommend just going to the Theme Panel and disabling the “Editor Styles” option so that the theme doesn’t add your custom font sizes in the backend or make any modifications to the editor based on your customizer settings. This will slim/speed things up a little. I keep the code in the theme because some customers like the editor to match the live site, but in my opinion it’s completely unnecessary.

- AJ

Hi AJ,

Thank you for the detailed response as always. I’ve taken your advice and removed the CSS that was setting the root font size. I’ve updated the body font size and used this tool to update the preset font sizes:

https://www.fluid-type-scale.com/

Though I would add that for anyone else who finds it useful.

All looks good again now.

Great!

Hey AJ,

another question about breakpoints.

Is it possible to customize the breakpoints of the theme that are used for example by the flex container for stacking or in the carousel to specify the number of elements? If I am correct, these should be the “vcex_utl_breakpoints”.

I would like to adapt them to the breakpoints of the WpBakery Columns. That would be the following breakpoints according to the design options of the WpBakery Pagebuilder: https://prnt.sc/5eigzhSPJ6-z

As always, thanks for the help and for such a great theme.

Hi,

The only breakpoints you can easily modify are the breakpoints used when adding custom font sizes. You can’t modify the theme’s breakpoints via a simple setting or filter because they are added in the theme’s CSS file. CSS doesn’t allow for the use of CSS variables for media queries. The way WPBakery does it is the plugin generates the CSS file dynamically based on the settings defined in their panel – this is a bloated functionality that I would never introduce into the theme.

In fact, by default those settings you shared in the screenshot are disabled by default in the them to help keep the site fast and slim. They will only show up if you manually enabled your own WPB license and/or enabled the design options tab for WPBakery in the Theme Panel. Generally, I would recommend using the default breakpoints and not really messing with anything.

The most important breakpoint is 768, which matches the theme’s “Medium (md)” breakpoint, this is the breakpoint you want to use for pretty much all stacking. It’s also the default column stacking breakpoint in WPBakery. Except for certain cases where you may want to keep things stacked on smaller screens, but this won’t be too often. In which case the theme offers the Small (sm) breakpoint, but WPBakery doesn’t offer any smaller breakpoint.

Of course if you want all the breakpoints to line up with the theme, just edit your WPBakery settings and change their 992 breakpoint to 1024 (theme’s lg breakpoint) and change the 1200 breakpoint to 1280px (theme’s xl breakpoint). This way WPBakery will match the theme – Total uses more modern breakpoints anyway, so best to match the theme and not the other way around.

Now, if you did want to modify the theme’s breakpoints, I will explain for anyone else interested as well…

Overriding a theme breakpoint would require adding the theme’s utility classes inside your own custom media query. This is developer territory but I can at least explain the basics. If you have a look at the theme’s utility docs here – https://totalwptheme.com/css-framework/utility-tag/responsive/ – you can see all the responsive properties in the theme and if you look here – https://totalwptheme.com/css-framework/responsive-breakpoints/ – you can see how they work.

Now, the theme uses a mobile first approach which means depending on which breakpoint you want to modify you may need to copy ALL of the theme’s utility CSS from the style.css file over to your child theme and then change the media queries. I’ve zipped up the theme’s SASS files for the various breakpoints if you are curious to see – https://a.cl.ly/z8u9NEjK (easier than looking in the style.css file/).

So you could technically change the breakpoints, re-generate the SASS then add it to your child theme. The problem though is that if the theme ever changes how things work you may need to update your site manually which can be a pain in the butt. Also it would require adding quite a bit of extra code to your site, for what I believe to be no real benefit.

The alternative is to add your own media query, so basically you can look at how one of those SASS files work and duplicate it in your child theme for a different breakpoint. Then hook into wpex_wpex_utl_breakpoints to add your own breakpoint to choose from:


// Add custom breakpoints.
add_filter( 'wpex_wpex_utl_breakpoints', function( $breakpoints ) {
    $breakpoints['bk_prefix'] = 'My Custom Breakpoint';
    return $breakpoints;
} );

The only possible way I could potentially make the theme’s breakpoints modifiable, and something I may consider in the future would be to move all the code out of the style.css and create a separate CSS file for each breakpoint. This way the breakpoint can be added to the link tag when the CSS is loaded. This is how the theme’s mobile menu breakpoint works – https://totalwptheme.com/docs/alter-mobile-menu-breakpoint/ – there are a couple concerns with this. One is that even though loading more smaller CSS files isn’t really a concern for site speed, some people think so and they will complain. The second is that changing how things work could negatively affect customers updating that had made some child modifications to their site as the CSS will now load differently.

- AJ

ps: This is worth mentioning…over the years more and more customers have been requesting that Total be integrated more with Elementor. In the 6.0 update I made it so all theme elements and features are available in Elementor and so Elementor’s layout perfectly lines up with the theme’s layout – https://totalwptheme.com/docs/customize-your-layout-widths/

The Elementor builder is much more flexible when it comes to displaying elements in grids/containers and allows for modifying pretty much anything at each breakpoint. You may want to consider trying it out for future sites instead of WPBakery and see how you like it. I’ve had quite a few Total customers whom have switched over and really like it.

Where do I change the “read more” text in the blog post list? I’ve searched everywhere. Your documentation is outdated: https://totalwptheme.com/docs/blog-readmore-button-text/ There is no option to change the button text in: Appearance > Customize > Blog > Archives & Entries Where can I find it?

Hi,

This is AJ the theme author.

There are dozens of ways you can setup your site. For example you can use preset cards – https://totalwptheme.com/cards/ – or custom cards – https://totalwptheme.com/docs/custom-card-builder/ – you can use the default site design or create dynamic templates – https://totalwptheme.com/docs/dynamic-templates/

So, the method to change the read more text will vary depending on your specific setup.

If you are missing the setting explained in the docs you most likely are using a custom card and/or a dynamic template.

Can you share the URL in question so I can see how it’s setup?

In general, most customers are creating dynamic templates for your blog archives – https://totalwptheme.com/docs/category-taxonomy-template/ – this provides them with complete control over the design. And it’s generally what I recommend. In which case all they need to do is edit their template (the Post Cards element specifically) to modify the read more text.

- AJ

ps: I’ve updated the docs, thank you for letting me know it was outdated! I created this article back when the theme didn’t have any custom cards or dynamic templates – so I added a notice on there to help prevent confusion.

Sorry for all the messages, but I wanted to let you know I’m releasing Total 6.1 update shortly and I’ve made it so if you are using a theme’s preset card style you can still access the custom read more text option.

This way if you don’t want to create a custom card or dynamic template you can still easily modify the button text – https://a.cl.ly/qGu4QZZk

I’m doing the final tests for this update before making it live.

Hi AJ

I have a site background colour set in Customizer > Global Styles > Site Background.

However this causes both Gutenberg and the WP Bakery WYSIWYG to take on the background colour too.

As the background is very dark, it makes both unusable.

I’m pretty sure this behaviour can be turned off, but I cannot find the setting.

Can you help?

Thanks

James

Screenshot (Gutenberg, but the same issue in WP Bakery): https://ibb.co/TMvnkjr6

Hi James,

Theme Panel > Editor Styles.

You may also want to consider disabling the other editor features: Editor Formats & Editor Shortcodes. These are generally no longer needed. The functions were crucial back when the theme didn’t make use of a page builder and Gutenberg didn’t exist.

A lot of people in the past have requested that the editor takes on the site background, because often the user is both adding a dark background and making their text white and they want their editors to match. I personally don’t like messing with the editor at all but a lot of people feel otherwise which is why the theme does this by default.

Over the years I have disabled certain features by default on new installations based on user feedback – I may do the same with these in the future, we’ll see. The worry is always that disabling a feature by default that was previously enabled by default will cause mass panic.

- AJ

There are some major issues with the latest 6.1 update (February 27, 2025). Some of the layout and buttons are out of sync, and the “user” icon (My Account) is also missing (I think it’s because the /themes/Total/assets/lib/ticons/ folder is no longer there in the latest update). How do we fix this? Why does the update change so much? thanx

also is missing hamburguer menu icon in top bar!!!

this code does no longer works!!! (settings/top bar/content)

Hi,

This is Aj the theme author. Can you share the URL so I can have a look?

Back in Total 6.0 (released last year) I updated the theme’s icons to use SVG’s instead of font awesome. This was a mayor optimization which you can read about on the changelog – https://totalwptheme.com/docs/changelog/6-0/

This is why the ticons folder will no longer be inside the theme.

But all the icons should of course still work correctly. If icons aren’t displaying on your site it’s mostly due to caching issues. Most issues people have when updating is due to caching issues and/or bugs in their optimization plugin (or in correct optimization plugin setup).

If you can share the URL I should be able to tell right away what’s going on and help you fix it.

The code didn’t paste above, can you please share the code via a snippet site like pastebin – https://pastebin.com/ – so I can test it out and see if there are any issues.

Now, if you were manually using icons in your site via HTML or custom CSS (it’s never recommended to do that) then you will have to update your code and use proper methods such as the icon shortcode – https://totalwptheme.com/docs/theme-icon-shortcode/ – or alternatively download and install the old icons plugin as noted at the top of the changelog I linked to earlier (under “SVG Icons” in the yellow notice – which is the second item in the list).

- AJ

Hi, I would like to display menu descriptions in my sidebar menu. It is enabled in the menu editor, but not supported by the theme. I found a snipplet for display in main menu, but not sure how to modity this for sidebar menu instead of main menu.

Hi,

This is Aj the theme author.

There are a few menu widgets (Navigation Menu, Modern Sidebar Menu or Simple Menu), so the code will differ based on which one you use. Which widget are you wanting to use exactly?

Depending what you are trying to do though you could just got to Theme Panel > Dynamic Templates and create a new template part and build your menu using a page builder (WPBakery, Elementor or Gutenberg). Then use the theme’s Template widget to add it to your sidebar. For example you could use the theme’s “Teaser” element to create a vertical list of links with headings/descriptions (use the List Item element if you want icons).

Or you could also use the theme’s Horizontal Menu in your custom template – this element supports descriptions. But you will likely want to add a little CSS to make each link stretch to 100% width.

I’m getting ready to release Total 6.2 shortly and it wouldn’t be a bad idea to add an option to the theme’s widgets to enable descriptions (will need to be disabled by default to prevent issues with anyone updating). I will look into doing this right now and if it’s something I can integrate quickly without delaying the update too much!

- AJ

I’m adding new options to the theme’s Modern Menu widget including the option to display descriptions. I recorded a video to show you: https://a.cl.ly/5zuRQxbY

I will likely add some other styling options and an option so you can have dropdowns hidden and opened when clicked.

This update should be available for download tomorrow!

- AJ

For the first time since I’ve been using your total theme, WBBakery upgrade is not automatically downloading and they want me to open an account with them. As you can see and don’t know what’s going on but many help or insight you could give me would be appreciated.

Hi,

This is Aj the theme author.

WPBakery will never automatically update unless you have your own separate license for that plugin. The way updates work is they are provided with the theme (which is actually better, because it means you don’t update the plugin until I’ve made sure there are no bugs and it works perfectly with the theme – so it adds an extra layer of protection for you, to make sure your site doesn’t break when updating the bundled plugin).

Here is the docs for updating the plugin: https://totalwptheme.com/docs/update-plugins/

The Total theme actually has code to prevent any WPBakery update notices from showing up in your dashboard – if you are seen them, most likely your site has the WPBakery Theme Mode setting disabled in the Theme Panel, which would only be done to register your own separate license – https://totalwptheme.com/docs/activate-wp-bakery-page-builder/

If for some reason you are seeing a notice in the WP admin to update the plugin but you have Theme Mode disabled – it’s possible this could happen if the theme was temporarily disabled (could happen when updating the theme, rarely, but could happen) – because if the theme is de-activated, the code used to suppress the WPBakery update notices won’t be running and WordPress could cache update notices from the plugin during this time. In which case you can just ignore the notice – disabling the plugin and re-enabling it could also fix the issue.

Now, WPBakery released a new 8.3 version today – I’m in the process of testing the update to make sure there aren’t any issues and if not release a theme update with the updated plugin. If there are bugs in the plugin, I will still release the next theme patch but it won’t included the updated plugin as I will report the issues to the WPBakery team (I usually give them the fixes as well) and then ship out the updated WPBakery to my customers once it’s fixed up.

Hope this clears things up, but let me know if you have any issues or questions!

- AJ

ps: If your site is already done, you may not want to swap – but Total does also fully support the free Elementor plugin. I have many customers that are choosing to use Elementor with Total instead of WPBakery. Perhaps something to consider if you are creating a new site with my Total theme or if you do at some point decide to swap builders. You could always set up a staging site to test it out and see if you like it more.

Hi AJ

Using the right-flex menu, but I’ve noticed that when using child menu indicators, they display this unwanted behaviour leading up to the responsive point. Hopefully the screenshot will help understand what I am saying :

https://ibb.co/RTh3RfVS

Based on the screenshot, it looks like your menu is just too long to fit in a single line so the icons get bumped down to the next line. If you have a large menu it may be better to display the mobile menu toggle instead at these smaller screen sizes.

You can do this by adjusting the mobile menu toggle breakpoint – https://totalwptheme.com/docs/alter-mobile-menu-breakpoint/ – if you share the URL I can let you know what a good breakpoint width is. The way to check is by shrinking your browser than using the browser’s developer tools to see what the current width is.

Hi AJ Ah OK, I think I misunderstood what “Flex” means. I thought it meant it would automatically determine a responsive breakpoint when the menu started to overlap the logo. In that case – what is the difference between the standard “right menu” and “flex” right menu? Thanks James

Hi James,

Flex just means that the header layout uses a flex box container.

In order to provide a method to automatically determine the responsive breakpoint would require javascript, the problem with this is that it would basically need to hide the header while the site loads so it can make it’s calculations and then display the menu. This creates a really ugly “flash”. So it’s not something that I would ever integrate. It’s always best to set your mobile menu breakpoint manually based on what your site needs, because then it can use pure CSS and work on page load automatically.

- AJ

ps: The theme’s new Horizontal Menu element is superior than the default header menu. Using the header builder – https://totalwptheme.com/docs/header-builder/ – can give you a lot more flexibility in your header design. I have some pre-built patterns you can use to quickly set up your header, but you can of course build any custom header you want ;)

Hi AJ

I’ve got a problem with a certain post type giving 404 errors. I suspect there is some conflict but it’s set up in exactly the same way as several other sites I have built, and I just can’t get my head round what is happening.

I think I need to open a support ticket so I can give you admin access – is that OK?

Thanks

James

Hi,

404 errors with custom post types is generally related to permalink conflicts. There is really only a few things to check. I have an article here: https://www.wpexplorer.com/post-type-404-error/

Most commonly what I’ve found is that customers will have a post type named something like “portfolio” then they create a standard page also named “portfolio” – you can’t have a standard page with the same slug as a custom post type. This is why in Total by default I use slugs like “portfolio-item” or “staff-member” to prevent conflicts with main pages “portfolio/staff”.

- AJ

Thanks AJ

It was a permalink conflict, although none of the suggestions in your blog post helped.

It’s difficult to describe what the issue was, but I’d created a slightly more complex permalink conflict where several page slugs and post types slugs were at odds.

A custom rewrite rule solved it :-)

Thanks

James.

Great!

Hi AJ, i think my website is corrupted somehow .. not indexed by Google even though I have done Onpage & Offpage audits thoroughly. Is it possible or feasible to export all pages & posts > delete the website > install a clean website > import all pages & posts again?

Hi,

What’s the URL?

Re-installing everything won’t do anything. Removing everything, then re-adding the same stuff doesn’t change anything. This would just be a big waste of time.

What’s your URL again?

The only thing that could prevent your site from being indexed entirely would if your site has the noindex tag or if you are blocking bots via your robots.txt

But, whether Google wants to index your website or not is entire up to them. You can have perfect on page SEO but if you don’t have enough backlinks (natural) Google may never index your site. Or if you’ve been doing black hat SEO your site may be blacklisted.

SEO isn’t something included in theme support as it has nothing to do with what theme you are using, but I would be more than happy to help have a look if you can share the URL to see if anything stands out. Please let me know if your site was previously indexed and for what terms.

Also what is the domain status in your Google Search Console? https://search.google.com/search-console/about

- AJ

Hi AJ

Wondered if you can help me with a bit of code. I need to prevent a particular category from being output onto a Card. (Background is I made a wrong decision during development and need a temporary solution before re-doing using a custom post type).

There is the Card code:

// Terms $html .= $this->get_terms_list( array( 'class' => 'wpex-text-accent wpex-child-inherit-color wpex-mb-10 wpex-font-bold wpex-text-xs wpex-uppercase wpex-tracking-wide', 'term_class' => 'wpex-inline-block wpex-hover-underline', 'separator' => '<span class="wpex-card-terms-list-sep wpex-inline-block wpex-mx-5">|</span>', ) );

SO somewhere in there needs to be something along the lines of (if category==’notwanted’ don’t output to html).

Hope I’ve explained this OK!

THanks

James

Hi James,

Actually since your site is up to date there is an easier method. Simply add this code to your child theme functions.php file or wherever you add snippets:

add_filter( 'wpex_card_terms', function( $terms, $card ) {
    if ( $terms && is_array( $terms ) && 'opportunities-card' == $card->style ) {
        foreach ( $terms as $k => $term ) {
            if ( isset( $term->term_id ) && 5 === $term->term_id ) {
                unset( $terms[ $k ] );
                break;
            }
        }
    }
    return $terms;
}, 10, 2 );

This will filter out the terms list array.

I tested the code locally and it works, but I’ve modified it to fit your site, if it’s not working double check the id “5” and card style “opportunities-card”to make sure they are correct.

- AJ

Great – it works! Thank you!

Great!

Hello, I love your theme. I have a question: I am using a full width row with a background image, How do I make the background image fully responsive, especially for mobile phones. It currently adapts to a point, and then stops so on small screens it appears cut off. Many thanks.

Hi,

This is Aj the theme author.

The best way to make the image responsive is to use the “Cover” style background. If you are using WPBakery the option is here: https://a.cl.ly/E0uNk6qO – this will ensure the image fills up the whole row and there isn’t any white space.

Now, it’s possible that parts the image could get cut off on mobile which entirely dependent on your image size, proportions and also the height and width of your row. There is no magical way to have an image both fill up an area and also not get cut off – unless it’s the exact same size as that area at every single screen-size (which as you can imagine is impossible). The only way would be to set the background width to 100% via the “Background Image Size” – but this will stretch or shrink the image so that it’s never cut off, which could make it look really bad because it won’t keep it’s native dimensions.

Typically, when setting a background image it shouldn’t matter if parts get cut off, because background images should serve only as a visual contrast to the content on top. If you want the image to display in full, then you perhaps don’t want to use an actual background, but rather display the image itself using it’s native dimensions. Depending what you are trying to accomplish this could be done with the Image Banner element: https://totalwptheme.com/elements/image-banner/ – and more specifically this option – https://a.cl.ly/v1uGX6x7 – this makes the element’s dimensions be dependent on the image dimensions, as opposed to a background that’s constrained by the row itself.

- AJ

thanks for the detailed reply, AJ

Hi AJ,

I am trying your Post Cards Ajax Terms/Category Filter, which works really well with built-in categories. However, I have created a Custom Post Type (using Post Types Unlimited) and added some custom categories. These new categories are not showing up in the Navigation Bar Settings > Menu > Taxonomy selection box, so I can’t filter with them.

Any advice would be great. Thanks a lot.

I think I’ve sorted this. I was looking for a reference to my CPT in the selection box (like Staff Categories, Portfolio Categories). I didn’t realise that the CPT categories are classed as just “Categories (category)”. Using the latter, it’s now working fine.

Thank you for your great work on Total.

Hi,

If you added custom categories (aka custom taxonomy) you should make sure to name them something more relevant to prevent confusion. For example if you add a post type named “Podcasts” and then add a taxonomy to this post type it would be good to name it “Podcast Categories” to prevent confusion.

You don’t want to rename your taxonomy itself, since it’s already created but you may want to change the label: https://a.cl.ly/5zuRxeNG

- AJ

ps: The theme wouldn’t automatically add the post type name in front of your taxonomy name (in your case Categories) because it’s possible to assign a taxonomy to multiple post types and can create confusion. Not to mention it introduces added bloat as it requires running extra checks/code anywhere the theme displays a taxonomy select field.

Hi! Is there any way to show a lot of people bios in Total? I want to be able to search for people via category and such, then display a bio page of the person. And also show people in a grid from a category. Is there anything Total that would allow me to set up such?

Hi,

You could use the built-in Staff post type, but if you don’t want it named staff and want to have a bit more control I recommend just adding a new post type named “People” – https://totalwptheme.com/docs/adding-custom-post-types/ – then you can add a taxonomy to create categories for your people post type.

To display them you would use the theme’s Post Cards element -

And you can create custom designs/templates for the single person posts and also the archives:

- https://totalwptheme.com/docs/dynamic-templates/ - https://totalwptheme.com/docs/category-taxonomy-template/

For a search functionality, if you just want to have a filter by category, this would be very easy as well: https://totalwptheme.com/docs/post-cards-ajax-filter/

I would recommend using custom fields for your person/people post type for adding the details for each person. This way, when you add a new person you just fill out the fields for the person’s information and then you can display those fields via your dynamic templates and custom cards. I have a doc here on adding custom fields here: https://totalwptheme.com/docs/how-to-add-custom-fields/

Some 3rd party plugins use the WordPress “users” functionality, but I would not recommend doing this at all (for various reasons I would only get into if you want me to). Unless, the people you are referring to are actual site “authors”... in which case this is quite different, but you can still accomplish this via custom post types and then assigning those people as authors using a different method, such as an ACF relationship field: https://www.advancedcustomfields.com/resources/relationship/

- AJ

Thanks for all the information. I’m trying to follow your info here to figure it all out. Got some of it working. I might poke again with more questions later. :)

Sounds good, keep me posted – happy to help!

Hi A.j,

I’m having problems with the mobile menu again.

I’ve got it set to

Mobile Menu Type – Sidebar

and

Toggle Button Style -Navbar

It all works fine on a Sony Xperia 5 but on my other two phones – Sony Xperia 10 and a Samsung Galaxy 9, I’m getting a ‘skip to Content’ with an invisible menu underneath it.

If you wanted to try the site, it’s at midlandsmaidens (dot) com

The setting you want to keep disabled is located under Page Optimization > HTML Settings > Remove Query Strings (this should be OFF).

This setting does not speed up your website at all. This is a setting that should only be used in rare scenarios, such as an intranet site that doesn’t get cached regardless. What the setting basically does is make it so that whenever you update a theme, plugin or WordPress sites that had previously visited the site will get the old scrips and not the new ones – which in nearly every case is bad.

I’ll write up a guide on how to properly setup LightSpeed. I wrote one somewhat recently for WPRocket – https://totalwptheme.com/docs/wprocket-setup-recommendations/ – it’s pretty much the same tips, but I’ll write a LightSpeed dedicated docs with screenshots from that plugin.

- AJ

I’ve UNchecked the remove query strings and they are now OFF

Thanks for the help, A.j.

Great, hopefully that will help with future updates!

Presale question: I’m interested in custom post type archives. Is it possible to design and associate different layout pages for each custom post type?

Hi,

This is Aj the theme author. I hope you had a nice weekend!

Yes, it’s possible! You can create dynamic templates for not only each custom post type but also any custom taxononomy. I have some guides here:

You’ll want to use my Post Types Unlimited plugin which will give you access to tons of options to fully customize your post types and taxonomies: https://totalwptheme.com/docs/adding-custom-post-types/

This functionality is available for both WPBakery or Elementor (whichever builder you prefer).

Let me know if you have any other questions!

- AJ

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey