Hi,

I’m doing great thank you! I had a chill few days off playing PO2

1) The local scroll animation doesn’t care about screen size so it wouldn’t make sense that it wouldn’t work exclusively at the 1024px breakpoint. I’m looking at your site and it’s working correctly. I tested in all those browsers and recorded a video test: https://a.cl.ly/NQunDvgm

The theme uses the native scrollTo JS function – https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo – which is compatible in all browsers and has been around since 2020. So unless your computer is very old it should work correctly. I can’t think of any reason it wouldn’t…Unless there was an issue and you’ve since fixed it?

I would highly recommend only adding local scroll links to your menu if ALL links are local scroll. Otherwise it causes some confusion for the end user. When clicking on books, I expected to also scroll down to a section named books, instead it took me to a new page.

2) This is a bug with the specific mobile menu style you are using: “Dropdown (Inline)” – I”m releasing an update soon and I will add the fix! Thank you for reporting the issue.

If you want you can also switch to the “Dropdown” mobile menu style – https://totalwptheme.com/docs/mobile-menu-styles/. – instead which places the menu over your content (more common these days) and this does have the necessary code for the local scroll links.

- AJ

ps: Having the “home” link in the menu causes an accessibility issue because your logo also goes to the homepage so customers browsing your site with a keyboard will have to tab through the home link twice. It’s generally recommended not to do this. What you can do is remove the home link or go to Appearance > Customize > Header > Logo and disable the logo link.

Actually, I take it back. I was able to recreate the bug on mobile with the Dropdown mobile menu as well so swapping your mobile menu may not fix it. But the fix will be in the upcoming update!

Thanks for getting back to me so quickly, AJ. I appreciate it. Glad you got to enjoy a few days off.

My computer is a new LG Gram running the latest version of Windows 11 Pro Education. Everything is up to date. Also, my husband’s computer is a 1-year-old Dell, running Windows 11 Pro. His is up-to-date as well. so I’m not sure what the problem is. I noticed the lack of scroll animation after the last Total update but only because I added the new scroll ID and was testing it.

UPDATE: I take the above back. It turns out animations were disabled automatically in Windows 11 settings: Accessibility/ Visual Effects/ Animation effects. So sorry to have bothered you with it, AJ.

The Home link was just there by default in the demo I used so I never gave it a second thought. I got rid of it and put another link I needed in its place. Thanks for the heads up.

Not to be an ass, but I’m kind of relieved that switching to the “Dropdown” mobile menu won’t work because I don’t want a search box in my menu. It’s not something I need on my author site.

Sorry for all the messages…I thought I knew what was causing the issue on your site and was going to fix it, but I couldn’t recreate the problem locally.

So inspecting your site closer I now see what’s actually going on.

The “Free Story” section is duplicated 3 times. So you have the same content and local scroll ID added 3 times where each is set to show at a different breakpoint.

I don’t understand why you are doing this, but it definitely creates SEO issues and bloats up the page (making it slower to load and to use the page builder on).

When I look it seems like each row is exactly the same (unless I’m missing something)...

I would recommend you edit the Free Story section so it’s a single row shown on all devices.

Otherwise you will want to place all 3 rows into a “Section” and add the local scroll ID to that section. Or add an empty row before them with the local scroll ID. This way the local scroll ID isn’t added 3x on the page.

Ideally you would just have the single row displayed on all devices though.

I could add some code to the theme to check for the current visibility of the section that should be scrolled to. But having multiple elements with the same local scroll ID in the code (hidden or not) causes accessibility issues. Thus, it’s not something I would be updating.

Does that all make sense? If not, let me know!

Because your visible/hidden rows look the same to me it wasn’t something I noticed right away. I made a mental note so next time someone has issues with local scroll to make sure the ID isn’t added multiple times on the page.

- AJ

Hi,

The theme has 2 modal functions:

1) Lightbox based popup. 2) HTML modal.

The first option is integrated into various elements. Example: https://totalwptheme.com/docs/inline-lightbox/

The second option is not “integrated” in the sense that you can easily select it, but it’s integrated in the code. So you can create modern dialog windows with some custom code – https://totalwptheme.com/docs/modal-dialogs-html/ (recommended).

Now, you didn’t explain if you want the modals on each portfolio post or in the list view. If you want to open the portfolio items in a modal instead of going to the post. This is even easier. What you would do is use the post cards modal popup – https://totalwptheme.com/docs/grid-with-modal-pop-up/ – example on a demo: https://totalwpthemedemo.com/agent/staff/ (click on any staff photo).

If you are setting up the grid to open items in a modal window you can use WPBakery, Gutenberg or Elementor for your portfolio content and that will render in the popup. However, this creates a “lock-in” affect where each portfolio item is manually built. It would be best to create a dynamic template – https://totalwptheme.com/docs/dynamic-templates/ – for your modal window to select from in the Post Cards element. This is mentioned in the docs I linked to above under the “Customizing the Modal Popup Window” section.

- AJ

Tks, AJ! I will test it!

Hi,

The first error is unrelated to the theme or WPBakery, I really have no idea what could be causing that as it’s a generic error, most likely server related.

But the other errors are WPBakery related and would imply that the WPBakery plugin is either missing files or the files can’t be accessed.

I would recommend first deleting the plugin (since it’s installed locally, just locate it under C:\OSPanel\home\bamboo\wp-content\plugins\js_composer) – delete the js_composer folder completely. And then re-install the plugin to see if it works correctly.

If the error persists than most likely your local host file permissions aren’t setup correctly so even though the WPBakery plugin is installed the files can’t be loaded due to permissions.

- AJ

And then re-install the plugin to see if it works correctly.

Unfortunately, I can’t do this because due to errors I can’t access the dashboard (I can’t log in via WP admin).

If the error persists than most likely your local host file permissions aren’t setup correctly so even though the WPBakery plugin is installed the files can’t be loaded due to permissions.

Perhaps there really are some problems with the local server. But my test site with the same theme on the same local server runs without problems.

All in all, it’s a strange situation.

Hi,

So even if you delete the plugin folder you still can’t access the WP admin?

Is the local server running multiple installations of WordPress or a single multisite? If it’s the former, it’s possible maybe the database is corrupt for some reason. Since you were working with a new site perhaps you’ve already tried deleting that install and starting over?

I really have no ida what the following means:

tabletext 0^+https://phpmyadmin/index.php [db token ] #020$selected_tbl[]checkbox 1off$selected_tbl[]checkbox 1off$selected_tbl[]checkbox 1off$selected_tbl[]checkbox 1off$selected_tbl[]checkbox 1of

I’ve never seen anything like this and neither Google nor ChatGPT are helping me find an answer. But I’m guessing it has something to do with the database connection and nothing on the WP side. If you visit http://localhost/phpmyadmin/ – are you able to properly access your database? If not, you may need to re-install it :/

What APP are you using to create your localhost? It’s possible it has some sort of bug…I personally use and only have experience with MAMP-PRO

- AJ

Hey,

It’s been a while, hope you are doing well also!

When I first tried visiting your site I just got a server error saying the site was down. But now it seems to be working every time I refresh (very slow though).

The server response time is taking up most of the loading time: https://a.cl.ly/OAudrwXw

What the agent told you is a typical hosting support response. If they are going to blame a theme/plugin they need to tell you exactly what script, function or query is slow. Feel free to send them a link to our landing page so they can see how fast the theme and WPBakery are: https://totalwptheme.com/

But even if a theme or plugin process is “slow” and they can pin-point it, the issue could be that the server itself can’t handle the process. In which case, it’s not necessarily the theme it could just be a slow server. Think of it like running a modern PC game on an old non-gaming computer.

From my experience, hosting support agents are only interested in checking if the server itself is up and running. Whether the server is capable of handling what’s thrown at it or if the server is slow is not something they typically care about or are trained to assist with.

Cloudways is awesome and I use it for serving theme updates. But the problem with CloudWays is that it’s self-managed, which means you need to setup your server resources according to your requirements. This can be a bit complicated, especially if you aren’t a server expert.

This is why I generally recommend managed WordPress hosting and it’s what I use for all my main sites (I personally use WPEngine). This takes out all the guessing and if your server is not capable of what you are throwing at it, they will send you an email and let you know you should upgrade to a better plan.

Another thing is that Cloudways doesn’t offer built-in caching for WordPress (at least not from what I remember).

Have you setup a proper caching plugin for your site? It looks like Cloudways has their own plugin named “Breeze”. Without a caching plugin you will put significant stress on the server.

One thing worth mentioning is that your site is using WooCommerce, which is very server intensive. It literally slows down and sometimes crashes my local development server on my iMac. This is why a lot of the managed WordPress hosting companies have more expensive plans for WooCommerce users.

It would be a good idea to try disabling WooCommerce and/or other plugins and run some tests to see if any specific plugin significantly slows down the site. It is possible there is a plugin that is significantly slowing things down.

My recommendation would be to create a stagging site – https://support.cloudways.com/en/articles/5124886-how-to-create-a-staging-environment – this way you can run all the tests without affecting the live site. You can also try switching themes if you suspect that a function running from the theme is slowing things down. And you can install a plugin like the Query Monitor plugin to see if anything stands out – https://wordpress.org/plugins/query-monitor/

Last, it would be worth looking at the site traffic. If your site is being botted it could put a lot of strain on the server causing the slowness.

- AJ

Thanks AJ! Always with the super informative and helpful response Yeah, I was suspicious when the support agent said it was the theme. Just didn’t seem like it was to me. But I will check all the stuff you mentioned and see what I can do. Thanks again. Merry Christmas!

If you want to you can shoot me an email at wpexplorer [at] gmail dot com and I could have a deeper look at the backend for you if you want to share logins.

My font awesome icons aren’t showing anymore either

Hi,

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

1. Where are you using that code? For security reasons in most areas of the theme inline javascript gets stripped out. This is also bad practice you should target your links with custom JS instead rather than adding inline code. I can help you create the proper code if you want to share the URL and let me know what you are trying to do.

2. The theme hasn’t loaded FontAwesome globally for over a decade. So I assume you are referring to the theme icons. Please correct me if I’m wrong and share the URL in question. If you were using FontAwesome icons via various theme elements those should still be working.

Now, if you are referring to the theme icons, these have been updated to use inline SVG’s to keep the site faster. Loading a font icon set is old practice and slows down the site and lowers page speed scores. Please see the changelog: https://totalwptheme.com/docs/changelog/6-0/ – so if you were adding icons via HTML or inline CSS the code will need updating.

If you were adding icons manually via HTML this is never advised and you should update the site to use the theme’s shortcodes instead in your custom code – https://totalwptheme.com/docs/theme-icon-shortcode/ – this way you never have problems when updating.

And if you were inserting icons with CSS you have some options:

a) You can update your CSS to use modern SVG’s – the code is very easy and I can help with this (chat GPT can also give you the code).

b) You can install this plugin to load the old theme’s font icon set on your site – https://a.cl.ly/Wnu5N1Jv – but then you lose out on the optimizations.

- AJ

Hi AJ, thank you so much for replying. Had a great weekend thanks, hope you did too.

I am using it on this page: https://debsdezigns.co.za/wordpress-websites/

I have put the code and font awesome link in the “Excerpt” part on the portfolio page.

Here is what I have with one of the portfolio pages:

“Redesigned in September 2024

[font_awesome icon=”external-link” margin_right=”5px”]Click here to view website“

I did it like this because I see there is a button option to “read more” but I can’t see where to put a new link for each one. I need each block to have its own button to a different link, my code was working till now though.

Its also been a while since I designed my website so haven’t taken a look at the new things that have been added to do this differently.

Please if there is an easier way to put the button on each block if you can let me know that would be fantastic.

Thank you so much for your feedback, much appreciated.

Please let me know if you need anymore information.

i seemed to sort out the icons – now using some of the options in customise – TOP BAR > CONTENT used items=”icon,count,total”][/topbar_item]

[topbar_item icon=”phone” text=”07770 836 457” link=”tel:07770 836 457”/]

[topbar_item icon=”envelope” text=”sales@fenori.co.uk” link=”mailto:sales@fenori.co.uk”/]

[topbar_item icon=”home” text=”Fenori.co.uk” link=”https://fenori.co.uk/”]

THE social Icons are displayed on the appearance page preview – BUT not on the main website itself

ok, so the links exist – just they match the colour of the header – as i get th hand and if i click – i goto the social media sites – BUT cant see – tried changing colour still no go ????

maybe an issue with icons in the header , as the phone , email and all social icons are NOT showing up n the header – so a generic setting for icons perhaps in the header , I dont use icons anywhere else on site as far as i can remember

no icons showing in the header at ALL – no phone, email or social icons – so i guess an issue with the icons in the TOP BAR

so searching here’s seems icons on CSS and i guess the theme social links no longer work , as the 6.0 update removed the feature to have icons in CSS – so not sure what to do now – I see a plugin but i only load from add plugins – so not sure how to get the zip file loaded – NOT that i want to use the old style – Happy to use the new method – just need a tutorial on how to add exactly , the social media icons – i expected something in the THEME – also not sure why the customise appearance – AlL the icons appear correctly on the preview screen Any HELP – please

No idea why – but today it works , all i did was update an INACTIVE plugin contact 7 form. Nothing else update – so NO idea why it took a few days – maybe unless the theme i downloading and updating something in the background on a PC BUT the phone still is not showing the icons iPhone – with Chrome , but works with safari on the iPhone

Hi,

This is AJ the theme author.

It sounds like you’ve recently updated your site but the browser was using the old cached CSS and not the latest version of the theme’s CSS.

I had a look at your site and the problem is that the child theme is incorrectly set up. The child theme is loading the parent CSS file using the WordPress version number like this: https://a.cl.ly/6quABRP6

It should be loaded with the theme’s version number, otherwise it creates an issue with cache-busting.

This happens when the child theme doesn’t define a version or the parent CSS file.

You will want to update your child theme so the code that loads the parent CSS file looks like this:

wp_enqueue_style(
    'parent-style',
    get_template_directory_uri() . '/style.css',
    array(),
    wp_get_theme( 'Total' )->get( 'Version' )
);

Notice the last parameter pulls the version number from the theme.

If you don’t make these changes you will likely have issues anytime you update the Total theme and there were CSS changes made to the theme.

- AJ

Thanks – Where do i put that code ? Is it the Style CSS file ??

[code] /* Theme Name: Total Child Theme URI: https://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019 Template: Total Author: WPExplorer Author URI: https://themeforest.net/user/wpexplorer Description: Premium Multi-purpose WordPress Theme Tags: custom-colors,accessibility-ready,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready Version: 4.9.3.1565810488 Updated: 2019-08-14 19:21:28

*/ [/code]

thanks again – have a great xmas holiday – I wont update the code till the new year now – just need to know where to place the code – I thought BB [] worked here – sorry about the above not sure how to insert code into the forum

Hi,

You don’t add this code anywhere. What you need to do is update your child theme to be coded correctly. So somewhere in your child theme’s functions.php file there is code that uses wp_enqueue_style to load the Total style.css. You need to modify that code to correctly add the theme’s version number using:

 wp_get_theme( 'Total' )->get( 'Version' )

The code you pasted is from your child theme style.css file. You need to modify the functions.php file.

You can compare your child theme functions.php file with the provided child theme to see how it’s different – https://github.com/wpexplorer/total-child-theme/blob/master/functions.php

Or you can share your functions.php code (as long as there is no private data) with me and I can give you the modified version. If you do this please share the code via a 3rd party such as https://pastebin.com/ – so it’s properly formatted. Sharing code here in the ThemeForest comments isn’t ideal.

- AJ

Hope you had a good xmas – thanks for replying so quickly over the holiday

SORRY Not worked out how to PASTE here from that forum – it seems to have auto generated a code when the child theme was created. Nothing init that is private – Just various bits of code from yourself in the past and stuff i picked up from forums

I have just pasted here – While and try and workout how to doit on that link or other

<?php // Exit if accessed directly if ( !defined( ‘ABSPATH’ ) ) exit;

// BEGIN ENQUEUE PARENT ACTION // AUTO GENERATED – Do not modify or remove comment markers above or below:

if ( !function_exists( ‘chld_thm_cfg_locale_css’ ) ): function chld_thm_cfg_locale_css( $uri ){ if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . ’/rtl.css’ ) ) $uri = get_template_directory_uri() . ’/rtl.css’; return $uri; } endif; add_filter( ‘locale_stylesheet_uri’, ‘chld_thm_cfg_locale_css’ );

if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ): function chld_thm_cfg_parent_css() { wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘style.css’, array( ) ); } endif; add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’, 10 );

// Wayne Added to show SKU in products page, After title add_action( ‘woocommerce_single_product_summary’, ‘dev_designs_show_sku’, 5 ); function dev_designs_show_sku(){ global $product; echo ‘SKU: ’ . $product->get_sku(); }

// Wayne added to add the SKU number to category listing function shop_display_skus() { global $product; } add_action( ‘woocommerce_after_shop_loop_item’, ‘shop_display_skus’, 9 );

if ( $product->get_sku() ) {
    echo ' SKU: ' . $product->get_sku() . ' ';
}

// Wayne added to remove shipping to: message /** * snippet Hide "Shipping to..." WooCommerce Cart * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @compatible WooCommerce 6 * @community https://businessbloomer.com/club/ */

add_action( ‘woocommerce_before_cart’, ‘bbloomer_hide_shippingto’ );

function bbloomer_hide_shippingto() { echo ’<style>.woocommerce-shipping-destination{display:none}</style>’; }

// Wayne added code – because the theme removed the default woocommerce fort style – 12 june 24 add_filter( ‘totaltheme/editor/editor_styles/tiny_mce/editor_id_list’, function( $list ) { $list[] = ‘excerpt’; return $list; } );

//Wayne Added Code function to show shipping Address , even if local pickup – 16-June24 function show_ship_add_for_local_pickup( $needs_address, $hide ) { $needs_address = true; return $needs_address; } add_filter( ‘woocommerce_order_needs_shipping_address’, ‘show_ship_add_for_local_pickup’, 10, 2 );

Hi,

Oh ok, it looks like you may have used some sort of child theme generator plugin to create the child theme which doesn’t generate it correctly and also adds unnecessary code to load an RTL stylesheet.

So what you want to change is line 19 which looks like this:

wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( ) );

You would delete that completely and replace with this code:

wp_enqueue_style(
    'parent-style',
    get_template_directory_uri() . '/style.css',
    array(),
    wp_get_theme( 'Total' )->get( 'Version' )
);

You should also be able to delete lines 8-15 because this code is used to load an RTL stylesheet which you don’t use on your site:

if ( !function_exists( 'chld_thm_cfg_locale_css' ) ):
function chld_thm_cfg_locale_css( $uri ){
if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . '/rtl.css' ) )
$uri = get_template_directory_uri() . '/rtl.css';
return $uri;
}
endif;
add_filter( 'locale_stylesheet_uri', 'chld_thm_cfg_locale_css' );

Keep in mind that if you make any errors in your child theme functions.php file it could cause your site to crash and you won’t be able to log back in via WP. So it’s highly recommended to make the changes via FTP so if you refresh the site and it’s down you can revise and fix your code. It’s never advised to edit the files via the WP admin (Appearance > Theme File Editor) – in fact this should be disabled for security reasons – https://developer.wordpress.org/advanced-administration/wordpress/wp-config/#disable-plugin-and-theme-update-and-installation

- AJ

Thanks so much – for that , I did not realise that i should not EDIT in the theme BUT using FTP I have FTP access and copy that complete set as a backup every couple of weeks any way I’ll look and see where the functions file is located and check

Hi,

Last year I moved the support site over to this domain – https://my.totalwptheme.com/ – but I didn’t migrate all the users (for good reason). But the site never allowed you to log in with your own credentials before. Previously you always had to log in with your Envato account.

I had a look and I don’t see your username added to the new site. So you will need to go here – https://my.totalwptheme.com/log-in/ – and click on the green button “Continue with Envato” so that it can connect to your Envato account, verify licenses and add you to my site. Once you are added to the site you can then continue logging in with Envato or you can set your own password – https://my.totalwptheme.com/reset-password/ – and use your email/password to log in.

Once logged in you can view and manage all licenses under the License Manager tab – https://my.totalwptheme.com/license-manager/

Licenses shouldn’t ever get automatically removed by the theme. The only code in the theme that removes the license would happen if you visit the license page and the current domain doesn’t match the license on my API, then it gets removed.

Another possibility is that due to legal reasons last year I removed the ability to activate a license in “developer mode” so if those sites were active in dev mode then it’s possible they got deactivated.

Let me know if you have any issues logging into the licensing/support site!

- AJ