Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,051 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22359 comments found.

Hi AJ! I’ve purchased this theme a few times now for some business/blog websites. Now, I’m looking to create a website that sells courses with quizzes, flashcards, video, etc. I was wondering if the total theme would work well with that type of website too. What do you think? Thanks!

Hi there,

I’m glad to hear that, hopefully more purchases in the future ;) (it’s actually 40% off now if you wanted to snag another copy which will also renew your support for a cheaper price).

In terms of selling courses, quizzes, etc. I honestly can’t recommend a theme specifically made for this. The reason is if you ever want or need to change themes you may have to re-add all the courses/quizzes which would be a huge pain in the butt.

We do have a list of recommended WordPress LMS Plugins that you can have a look at and see if anything stands out or if you can reach out to some and ask some questions to see which would be a best fit for your needs.

- AJ

Hi AJ, I’ve noticed an odd bug recently on several different sites, all of which seem adequately resourced on reasonably fast servers. The page loads are snappy on both front end and admin screens, it’s just this one feature that’s showing a new problem. The issue: when I’m using Page Builder with the Total Image Grid element, then add images, if I select a couple of dozen images and click the ‘Add Images’ button, the button grays out, the spinner churns for a few seconds, and then it just times out. If I walk away from the computer for 10-15 minutes, it eventually goes back to the Image Grid Settings popup about 5% of the time, the rest of the time it just hangs forever. If I go to Theme Panel, the site I’m working on now shows a memory limit of 768M, max execution time of 300, max input vars of 10000, etc. so I don’t know where else to look. This is a routine element I’ve used hundreds of times over the years, and I’m at a loss to explain why it’d just start acting like this over the past week or two. Other clients using Total sites have reported the same issue, so I know it’s happening for multiple people with different browser, OS, internet connection environments. Any ideas?

Hi there,

So when you add images via the page builder it actually runs an ajax response for each one and it’s possible there is some sort of limit on the server preventing the extra requests. Can I ask you a favor? Can you try resetting your server error logs (for any site where you have the issue) then log in and try adding a bunch of images and see what sort of error gets saved to the error logs?

I actually had a couple customers have this issue in the past and it was an easy fix, but I’ll be honest I forgot what was the server setting they had to change. If you can do this for me it would be very helpful and I’ll add a documentation article for it in the future.

That said…if you are working with so many images I would really recommend you check our the Real Media Library plugin which will allow you to categorize photos in the actual WP media library then you can just select the folder to display in the Image Grid, this means whenever you need to update the images on the page you don’t have to edit the page you can just use the media library. It’s honestly a pretty awesome integration I have in Total – https://wpexplorer-themes.com/total/docs/real-media-library-integration/ – and it’s a nice plugin.

- AJ

ps: You mention you wait for 10-15 minutes…if it doesn’t work within a few seconds it’s already failed.

Hey AJ. how are you? I have a question for wordpress developers: is it allowed to intall a copy of Total on a local wordpress installation just for development? or can i use my normal licence?

Hi,

Yes, you can have unlimited development sites. The license activation is only used to get update notifications in the dashboard. Plus, there is a checkbox as well when you go to activate the license if you want to make that specific activation a “development” site – which means you will get the update notices. So technically you can activate the license on 1 live and 1 dev site. But you can install the theme on unlimited dev sites no problem.

Make sense?

- AJ

Portfolio grid is in correct order by date (ASC) until browser width = 768px and then order breaks a couple rows down. Any ideas?

Sorry – I should have been more specific. Sloan is in the correct place. It’s what happens AFTER Sloan. The next event should be Women Fully Clothed, but it is bumped by Charo when wider than 768px.

Thanks AJ – I switched the nav bar to “Fit Rows” and it cleared up the issue. Thanks for your time – and comments :)

Oh great! By the way, if you haven’t yet if you could take 2 seconds to go to your ThemeForest “downloads” and give the theme a rating I would really appreciate it.

And of course if you need anything else please let me know!

- AJ

Hello, how do I add tags and categories to the VC Block? Maybe through the PHP code?

Thank you, it works. You are the best!!!! I still want to add tags. Thank you again!

Glad that works for you ;)

Where do you want to add the tags? The code is pretty much the same for tags you would just change where it says ‘category’ to say ‘post_tag’.

Example:

add_filter( 'vcex_blog_grid_title', function( $output, $shortcode_atts ) {
    $tags = '<div class="my-categories">' . wpex_list_post_terms( 'post_tag', true, false ) . '</div>';
    return $output . $tags;
}, 10, 2 );

Also you may want to change the filter “vcex_blog_grid_title” to something else. For example if you want your tags to be added after the exerpt you can use “vcex_blog_grid_excerpt” instead.

Example:

add_filter( 'vcex_blog_grid_excerpt', function( $output, $shortcode_atts ) {
    $tags = '<div class="my-categories">' . wpex_list_post_terms( 'post_tag', true, false ) . '</div>';
    return $output . $tags;
}, 10, 2 );

Let me know if you have any questions or how else I can help.

- AJ

Thank you!

Hello AJ,

I want to achieve a full screen navigation with custom styling on desktop view. The closer I can get to this example, the better: www (dot) fette – beute (dot) com

If I hide the default navigation and always show the mobile menu, I can get the hamburger icon. If I then choose the toggle mobile style I am already going into the right direction.

Is it possible to add own content (like contact information), the second navigation (footer like copyright and imprint) in the navigation? I want to get as close to the example above as possible. The best would be if I could include a whole template as a Navigation. Could you recommend a way to achieve such a result?

Hi,

Sorry about that. I did not see your last reply (usually it gets updated in my ThemeForest dashboard but for some reason this didn’t or it was accidentally marked as read, I apologize).

Of course I can help.

So as I mentioned previously, the mobile menus in Total are generated dynamically via Javascript in order to prevent duplicate links on the site and cause negative SEO and accessibility issues. So you can’t just use a simply filter, you need to inject the code with javascript. Here is an example snippet: https://wpexplorer-themes.com/total/snippets/add-content-above-mobile-toggle-menu/

Video result: https://cl.ly/c12050

Make sense?

- AJ

No worries AJ. Your code snippet is exactly what I wanted. Works perfectly. Thank you!

Oh great! I’m glad ;)

Let me know if you need anything else.

- AJ

(Accessibility-ready?)

HI,

I´ve already done some Total theme installations – nice to handle theme.

For a new installation a question: This will be a page for impaired persons. So does Total theme meet accessibility guidelines completely? As this is a official site the question is fundamental for the decision what theme to choose.

Thanks in advance

Hi,

I have actually been working closely with the University of Hawaii (they use the theme on all their sites) and they have helped me a lot to ensure good accessibility for the theme and if there are any issues I will update the theme accordingly.

In terms of “guidelines” it’s a bit complex because depending on the “checker” it shows different things sometimes so if there is a big concern for accessibility it’s best to do your own research and make sure and have someone test it accordingly to provide feedback.

- AJ

ps: Total has a “secret” panel under Tools > Accessibility with some added options if you want to check that out.

Hi there AJ!

I know the theme has stopped using Font Awesome for the icons and has replaced theme with ticons, but I would like to include Font Awesome for a website we’re making. There are some icons not included in the ticons which are in Font Awesome 5.

Is there a proper way of doing this? I have downloaded the latest version of FA, included the files through the child theme’s functions.php but on some browsers the fonts are not being displayed.

Nevermind. I just noticied I had made a typo in the child themes functions.php wheren I enqueue’d the files…

Great, glad you fixed it!

That’s why I renamed the icons in Total to ticons, so it wouldn’t conflict if you wanted to load Font Awesome 5. As the older FontAwesome icons set conflicts with version 5 but many icons have been renamed or the design changed so I can’t just update the script. Plus, now there will never be a conflict in future updates to the FontAwesome.

- AJ

Hi – thanks for this awesome theme. I’ve used it for some time now and never really had any issues with it. But all of a sudden today, I had a problem adding a Masonry Media Grid – maybe I should contact the Visual Composer folks? I go to select photos that I uploaded in Media and it takes forever for the photos to load. And if I select more than one, it will never return back to the editing page. The little circle just spins and spins. But if I select just one image, it takes about 20 seconds and then returns to the page. I also notice Wordpress is slow in other places now too. I deactivated most of my plugins and don’t notice a difference. Thanks in advance. :)

Hi,

This is Aj the theme author. This definitely sounds like there may be some server related issues. Are you able to check your error logs? If so, can you do me a favor and clear your error logs and then try using the Masonry Media Grid again and adding a photo and see if any new errors get logged?

And by the way…the Total “Image Grid” module (which also supports masonry) is generally much faster if you wanted to give that a try instead.

- AJ

Hi, im using the healthcare demo as my base but would like to change the icon boxes to use round images. i have been able to change to an image ok but can not figure out how to make this round image. please can you advise?

Hi,

This is Aj the theme author. I remember replying to this comment but it popped back into my dashboard so I’m not sure what happened! Anyway if you didn’t get my reply I apologize.

So to make the icons themselves rounded you can do so like this: https://cl.ly/f1bb0c (video)

Now, if you are using standard images the best way would be to upload images that are already rounded by default. Otherwise you will need a little custom CSS. Example: https://cl.ly/aa3eda

Let me know if you need anything else!

- AJ

Hello! Is there a way to arrange the header in three sections: logo|mid section|right section, like here: https://royalautoleasing.com/ ... thank you!

Hi,

This is AJ the theme author. There isn’t any header layout that is created in this way by default, mostly because it’s not very good for responsiveness. You can select header style two which places the logo on the left and content on the right and then use some CSS to split the right content into 2 sections.

But I would recommend instead as it’s easier is to place the social icons either directly in the menu – https://wpexplorer-themes.com/total/docs/adding-icons-menu-items/ – or in the top bar – https://wpexplorer-themes.com/total/docs/edit-top-bar-content/

Another solution is you can use theme hooks to insert extra sections into the header space as needed – https://wpexplorer-themes.com/total/docs/action-hooks/ (I can provide an example)

Lastly, you could use the header builder function to basically create any layout you want for your header – https://wpexplorer-themes.com/total/docs/header-builder/ – by using the included WPBakery page builder or your page builder of choice (some customers use Total with Elementor).

Using the Header Builder function will make it easier to place custom content in the header area, but as noted in the docs (link above) it does remove the theme header completely, including the menu (it has to) so when using this method it’s a good idea to use a 3rd party menu plugin such as UberMenu or Clever Mega menu to insert a custom menu into your header area (I am working on a new header menu type module for Total so you don’t need a 3rd party plugin, but I don’t have an ETA for the release date yet).

- AJ

Hello AJ,

I have a little dilema about navigation if you could help me? I need for navigation to be “LEFT LOGO / CENTER MENU / RIGHT HEADER ASIDE”. I have selected header two and the logo and aside are one the correct places but navigation is at the bottom and it shoud be in the middle between logo and aside. And also to be able to have sticky menu with logo and aside? Is that even possible with this theme?

Screen: https://prnt.sc/nsopmm

Thank you

Kind Regards – Thomas

Hi Thomas,

Are you using CSS animations by any chance on the bullets? Total currently includes WPBakery 5.7 and there is a known issue with animations if you updated this plugin (because you own your own license) to version 6.0.2 – this has been fixed for the upcoming 4.9 update which I hope to release tonight.

Oh…So if the “x” button is scrolling you to the top of the site it means you have a javascript error on the page which can break a lot of things including this close button, builder modules and the page builder itself (it would explain issues you are having). Usually javascript errors are caused by 3rd party plugins. Do you know how to use the Browser console to inspect for errors?

- AJ

Hello AJ,

I hope you had a good weekend. I was looking and testing your snippets code for “NEW” badge. How can this snippet be modify to show “NEW” badge also on product page image? Currently this snippet show “NEW” badge everywhere except on product page image? Is there a way to modify this snippet or it is not possible to show it on product page image?

Thank you in advance for your answers.

Kind Regards - Thomas

Hi Thomas,

Here is an example of the modified code:

// New function outputs the new product badge
function my_new_product_badge() {
    $postdate      = get_the_time( 'Y-m-d' ); // Post date
    $postdatestamp = strtotime( $postdate );  // Timestamped post date
    $newness       = 30;                      // Newness in days
    if ( ( time() - ( 60 * 60 * 24 * $newness ) ) < $postdatestamp ) {
        echo '<div class="woo-entry-new-badge">' . esc_html__( 'New', 'total' ) . '</div>';
    }
}

// Add badge to product entry before title
add_action( 'woocommerce_before_shop_loop_item_title', 'my_new_product_badge', 20 );

// Add badge to singular product before title
add_action( 'woocommerce_single_product_summary', 'my_new_product_badge', 4 );

- AJ

never mind

quick question: I imported the gym template and theirs this black overlay on the template that preventing from clicking anything.. Any fix?

Hi,

Thanks! I was able to recreate the issue when deleting all the images from my local test import. It seems there is a small bug when either the images from the demo were not imported or you imported on a site that wasn’t “fresh” so the image ID’s in WordPress got messed up.

I am adding a fix for the upcoming update. What you can do to fix your site is edit it in the backend and remove this last row: https://cl.ly/8cb705

Or editing the row so the inner gallery properly has images: https://cl.ly/b311d0 (just pick some from your library if you want to keep this section or delete the whole row as mentioned if you don’t want to keep this).

Sorry for the troubles and thank you for brining this to my attention!

- AJ

If those fixes don’t work for you, please do let me know!

- AJ

Thank you..

Hello,

I’m having some trouble with our header and slider on the homepage.

See here: https://imgur.com/a/SdUUYrO

The header logo/menu is overlaying over the slider. I’d like them to be separated so that the header section does not interfere with the slider below it. I have “overlay header” disabled on this page and I cannot figure out what else I need to do.

Thank you.

Hi,

This is AJ the theme author. When I look at your site I’m not seeing the slider going over the header, it’s clearly separated: https://cl.ly/4220b9

And regarding the menu placement, someone added custom CSS on your site to modify the menu placement on the homepage so check your edits accordingly.

- AJ

ps: Please purchase a license of the theme for any future questions, support is for verified customer accounts only. Thanks!

Hello AJ.

I was literally replying saying we figured out how to separate the header and the slider as you responded.

Also, we do have a license for this theme on the company account which I don’t have direct access to and I’m not going to wait for someone to ask the question for me.

Here is verification (redacted full purchase code): https://imgur.com/a/XYxE7p7

I’ve already asked them to transfer the license to me and Envato is taking their time.

Hi,

I understand that sometimes people work for a company that has purchased the theme but please do see it from my perspective. I have almost 40,000 customers using this theme and get a lot of questions. It’s good that your company has a license but it doesn’t make sense for me to be keeping track of customers that don’t have the “purchased” label next to their name here in the comments section and ask for your license every time. And of course there is no way to actually verify the validity of the license and whether a specific person works for that company. For example, now that you have shared that screenshot anyone else can come back a month later and say the same thing and link to the same screenshot and I would never know.

To keep things fair for everyone and efficient I do ask that people have the purchased tag next to their username when asking for help. But as you noticed I still answer people’s question ;) It’ more of a courtesy, if someone starts asking questions everyday than I will expect them to have that purchased badge next to the username.

So if you think you will be asking a lot of questions in the future the best solution would be to have your own license of the theme and this way you can also submit private tickets if needed – https://wpexplorer-themes.com/support/ – it’s a tiny investment for your company to ensure that you don’t have to go through loopholes and makes things more efficient.

Looks like you were able to locate the CSS that was shifting the menu (it looks good now). Nice ;)

If you do have any concerns or followup questions please do let me know.

- AJ

Pre sale question: Do I need Elementor Pro to use all the features? Or is Elementor Basic enough to use all of the features?

Hi,

This is AJ the theme author.

This theme is primarily a WPBakery based theme – https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431 – which is included for free with the theme. So all the demos you see are based on this page builder.

The theme is compatible with Elementor and many customers use Elementor with Total, but we don’t have any actual Elementor based demos.

Make sense?

- AJ

Hi

Is it possible to set different sizes for the blog post title font size on desktop and mobile phones?

I want a larger post title font on the desktop blog overview but if I make them larger in the customizer the font is HUGE on mobile phones.

How can I fix this?

Hi,

This is AJ the theme author.

There isn’t a setting currently in the Customizer for setting different font sizes for different devices, but I will look into adding this in the future. For most the typography options you would keep the same no matter the screen size, but I see how for the font-size you may want it to change based on the screen size. Good idea!

For the meantime, you can tweak the font size for mobile using a little custom CSS via a media query (I can help with that if needed).

Alternatively you can use viewport based units such as vw, vh, vmin, vmax – https://css-tricks.com/viewport-sized-typography/ – which is supported since Total 4.8.4. This can be a bit tricky if you are new to these units but if you are familiar it may work for you.

- AJ

I tried to update the theme to 4.8.5 version but I am getting the error message “Update Failed: The theme is at the latest version.” I have tried it multiple times but no luck. I am currently on 4.6.6

Edit: fixed the issue

Oh great, thank you for letting me know!

How do I set the main PORTFOLIO page – I tried setting it in the portfolio > Post Type Editor, as the main page, but that didn’t work?

Hi,

The “Main page” option is used only for breadcrumbs. If you want to create a main portfolio you page you would create a standard page and insert the Portfolio Grid or Post Types Archive module on the page or you can go to Portfolio > Post Type Editor and enable the auto archive option: https://cl.ly/84a4e2 – so you don’t have to create a custom page.

To change portfolio-item to portfolio you would go to Portfolio > Post Type Editor and enter a custom value for Post Type: Slug.

But be careful changing portfolio-item to portfolio, the reason it’s setup like this by default is to prevent pagination issues in WordPress. If your main portfolio page has the same slug “portfolio” as your items the pagination will break. This is a commonly known WordPress issue which is why generally post types have a different slug for the items like portfolio-item.

- AJ

Perfect! – problems solved, Thank you.

Great! If you need anything else, I’m here ;)

Hi AJ,

I’m having an issue with the image carousel. The current photos are displaying fine, but when I try to add a new image (by pressing the + icon in the visual editor), I select a photo and it never appears alongside all the others. I don’t get an error message—just select the image the media library, click the button to add it, and then… nothing.

I’ve tried deleting old images. That doesn’t seem to help. And when I create a NEW carousel, I can load more images and have them appear. So I don’t think it’s a memory issue.

Any ideas why the “add new image” option might have stopped working on the existing carousel? (I’d just create a new one, but it’s a client site, and they’re displaying member business card/ads, and I’m not sure which to include and which to not include.)

Thank you!

Hi,

Because of how images are pulled there can be server limitations (such as number of requests per given time). Depending what you are doing though there are other ways you can set it up to make things easier.

For example if you are working with very large galleries using the Real Media Library plugin can make things very easy for the end client – https://wpexplorer-themes.com/total/docs/real-media-library-integration/ – so you can create folders right in the WordPress media gallery and then edit the carousel to simply select the gallery you want to show.

Or you can use the Post Gallery at the bottom of the page – https://wpexplorer-themes.com/total/docs/using-post-gallery-image-galleries/ – this function works differently because it’s outside of the builder it doesn’t use the same AJAX functions so you shouldn’t have any issues adding more images.

In terms of the best solution, I would need to know a bit more about the site and what you are doing to provide you with my personal recommendation.

- AJ

Thanks, I’ll look into Real Media Library!

Great (it’s a nice little plugin well worth it imo).

Just let me know if you have any other issues or 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