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,

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

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,

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.

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

I 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

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

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!

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

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.

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

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

I hope you had a nice weekend, thank you for your patience.

Thank you for reporting the bug, I was able to recreate it myself and I will patch it for the next update.

Now, in the last Total version I added a new option at Customize > General Theme Options > Search Modal > Live Results

You can temporarily disable this setting so that the search goes to the search page instead of running AJAX. And actually not many people are aware of this new setting and for most sites going to the search results is best for usability and full control of the design. Most hosting services do not cache ajax requests so it can be much slower and more strain on the server using the live results then redirecting to the search results.

- AJ

ps: the issue with the live ajax search is I have some code in place so that the request isn’t sent unless you have at least 3 characters, this prevents searching for words under 3 characters which can be detrimental as there are likely tons of posts/pages that could have words with the matching 3 letters. My js was using the following code:

const getAlphanumericCount = ( string ) => {
    return (string.match(/[a-zA-Z0-9]/g) || []).length;
}

const isInputLongEnough = () => {
    return searchInput.value && getAlphanumericCount( searchInput.value ) >= l10n.character_threshold;
}

Hence it wouldn’t work. I’ve patched this for the upcoming update. Thank you again for reporting the issue!

Hello AJ

Glad to hear you were able to recreate the bug. Always happy to help track down those sneaky little glitches!

Also appreciate the tip about the Live Results option. Total Theme always has hidden gems tucked away!

Hi,

If I inspect the link in Chrome and apply a visited state manually it works as you would expect: https://a.cl.ly/RBu2E06q

It also appears to work correctly in Safari and Firefox but not Edge or Chrome (when I test)

This would suggest a Chromium issue, perhaps security or privacy related most likely because you are linking to other domains.

- AJ

Forgot to mention a “fix”... if you must have the feature, the only way to make it work in all browsers (that I can think of) would be to use javascript and store the clicks in localStorage. Ex:

// Ensure the script runs after the page has loaded
document.addEventListener('DOMContentLoaded', function() {
    // Function to apply the "visited" state
    function applyVisitedState() {
        // Get all links with the specific class
        const links = document.querySelectorAll('.indcon-article-title a');

        // Loop through each link
        links.forEach(link => {
            // Check if the link is in localStorage
            if (localStorage.getItem(link.href)) {
                // Apply a "visited" class if it's in localStorage
                link.classList.add('visited');
            }

            // Add event listener to track clicks
            link.addEventListener('click', function() {
                // Store the clicked link in localStorage
                localStorage.setItem(link.href, 'visited');
            });
        });
    }

    // Apply visited state
    applyVisitedState();
});

code generated with chatGPT

Then you would target both the :visited state and the .visited class.

The JS would be added in a child theme’s js file loaded via wp_enqueue_scripts or you can insert it as an inline script via the wp_footer hook:

function add_visited_links_script() {
    // JavaScript code for tracking visited links
    ?>
    <script type="text/javascript">
       // ADD THE JS HERE
    </script>
    <?php
}
add_action('wp_footer', 'add_visited_links_script');

it’s nice to know I wasn’t overlooking something obvious and that Chromium is just doing something weird. thanks for the fast reality check and for the js tip!

Hi,

You could use the Post Terms element as a shortcode for your text input. Example:

[vcex_post_terms first_term_only="true" archive_link="false" style="inline" taxonomy="size"]

I’ve tested and it works correctly.

Having a dynamic variable for term names built into the theme would be a bit too complex for various reasons, but you could easily create your own custom dynamic variable {{size}}

add_filter( 'totaltheme/replace_vars/vars', function( $vars ) {
    // Add custom dynamic variable for size taxonomy term name
    $vars['size'] = function() {
        // Get the terms for the 'size' taxonomy for the current post
        $terms = get_the_terms( get_the_ID(), 'size' );
        if ( $terms && ! is_wp_error( $terms ) ) {
            // Assuming the post has at least one 'size' term, get the first term's name
            $term = array_shift( $terms );
            return $term->name;
        }
        return ''; // Return an empty string if no term is found
    };
    return $vars;
});

I actually just asked chatGPT to give me this code – you could do the same in the future if you want to add custom dynamic variables, just be sure chatGPT knows it’s for the Total theme using the totaltheme/replace_vars/vars filter.

Also, depending what you are doing I added a new Term Cards element in Total 6.0 – so you can create a custom card, add an icon box and use the dynamic variable {{term_name}} in your custom card. Then use the Post Cards element in your dynamic template, set it to query the size taxonomy and to display your custom term card. This method is very useful if you have multiple terms assigned to the taxonomy to create unique displays for the terms.

- AJ

Hi James,

The problem you are having is when you use the CSS tab for the button it adds a wrapper outside of the button and the auto top margin has to be added on the last direct child of the card’s inner column. So you either need to add “auto” as the top margin in the CSS tab or best, remove the padding from the CSS tab and use only utility classes for the margin “wpex-mt-auto wpex-mx-30 wpex-mb-30” – doesn’t really make sense to use “padding” and of course it won’t work as it will add the space inside the button.

- AJ

ps: An alternative to adding padding to all the inner elements, would be to give your card row/column a padding lets say 30px then add a negative -30px top/side margin to the image to push it outside of the padding.

Is it the ‘accent’ colour setting?

Hi,

Changing the accent will change the default button color, unless your site also has a custom button color which can be changed at Customize > Global Styles > Buttons.

More info here: https://totalwptheme.com/docs/button-colors/ (I will update these docs now to have newer screenshots).

- AJ

Hi,

This error happens when you try to install the “Full Package” from Themeforest because that zip file includes other non-theme related files. Make sure you download only the “Installable WordPress File” – see the first screenshot from the docs here: https://totalwptheme.com/docs/install-total-theme/

Now, rather then updating manually you can simply activate your Theme License and receive updates via the WP admin – https://totalwptheme.com/docs/update-theme/

- AJ

Thanks AJ. That sorted it.

Hi,

It was working when I added it and just tested again to ensure nothing happened when bundling the final version of the last update and it’s still working for me.

The only things I can think of is that you need to clear your cache, if your site is not using proper version control then it could be loading old JS so this code wont’ work. Or that you are using the setting for something that it’s not intended for. This setting is used to have the local scroll “stop early” so for example if you enter 40px the local scroll will stop 40px before the target element.

Not sure what you mean by “negative margin + padding trick” that sounds strange, can you share the example site to see what you are doing it. Because using negative margin plus a padding would essentially cancel each other out so not sure what you mean.

Additionally, the theme has a new CSS variable as well “—wpex-local-scroll-padding” you can use to set custom offset paddings for specific elements. For example the theme adds this CSS by default:

#comments {
    --wpex-local-scroll-padding: 20px
}

This way when local scrolling to the comments there will be a 20px padding between the top of the window or sticky header and the comments.

So depending on what you are doing you may want to use CSS to target elements independently, because the setting in the customizer is used globally for all local scroll elements. Just wanted to mention this incase you were not aware of this feature.

- AJ

If it’s coded directly in the style.css file, it means someone has modified the theme to include it, because it’s not part of the theme. Feel free to inspect the theme’s landing page or any demo to confirm: https://totalwptheme.com/

The only mention of Helvetica Neue in the style.css file would be for this custom property:

--wpex-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

This is a standard system ui font definition. It doesn’t mean the font is actually loaded on the site, it means if the browser supports it, then it could be used as a fallback. So if this is the CSS you are referring to, you can ignore it. Fonts are only loaded via @font-face or @import declarations.

- AJ

ps: Your client has access to theme support, so if they need assistance, they’re welcome to contact me directly. It’s not reasonable for your client to pay you for support, and then for you to expect free help from me. I’m sure you’d feel the same if the roles were reversed. If you’re offering maintenance services to clients using this theme, it would be best to either purchase your own license or have your client cover the cost of one. Just as you likely don’t provide free WordPress maintenance, I can’t offer free theme support to non-customers.

Thank you for the support. I thought this comment section was for the free support? As per this line in the Support tab:

“Submitting a private ticket requires an active support license, if you don’t have one then leave a comment on ThemeForest.”

I’m not asking questions for free use. There is a paid license for the product. You’ve been compensated, so not only am I using a free forum, but you’ve gotten compensation for the license. I don’t see the issue here.

Of course, I’m happy to help.

I just want to make things clear to avoid any misunderstandings and ensure fair use of support.

When providing website maintenance, it’s important to keep this in mind:

Your client has purchased the product, and regardless of whether their support license is active, the access to the product and its support is tied to them.

If your client hires you for maintenance, it’s your responsibility to either resolve issues independently or acquire the appropriate support, which may include purchasing a support license if needed.

Many sellers in this marketplace either ignore comments from non-buyers or provide generic responses like, “Support is only available to verified buyers with an active support license.”

That said, I make it a point to respond to all inquiries and even assist buyers without active support licenses.

If your client needs assistance, they don’t necessarily need to go through you. They can contact me directly for help with the theme. It might be worth letting them know, in case they weren’t aware.

- AJ

Hi,

WPBakery updates are provided via the theme and Total has code to prevent the errors you mention, which are triggered when the plugin tries to auto update.

It sounds like perhaps you’ve disabled “WPBakery Theme Mode” in the Theme Panel, can you please double check?

The error can also happen if Total was temporarily disabled so the code the theme has to prevent the plugin from making update checks isn’t on the site thus it runs and caches responses with WordPress. If this is the case, simply disable WPBakery – update via the normal theme methods then re-enable it – https://totalwptheme.com/docs/updating-visual-composer/

- AJ