Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,063 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22360 comments found.

Hello! I have 4-level main menu, useв megamenu css for parent menu item. Is it possible to use megamenu for submenu items? My menu looks inaccurately, cause of different items under each of submenu’s.

Hi,

So when making the mega menu what you want to do is create dropdowns for each section. So if you want 5 columns you would have 5 sets of dropdowns.

On this demo under “Home” you see a megamenu with 5 columns – http://totaltheme.wpengine.com/base/ – this is how it was created – https://cl.ly/rsQa (video…click expand to view fullscreen so you can see the details)

Does this help?

- AJ

Thank you. OK. One additional question. If not to use mega menu, is there any snippet to wrap words in submenus for items with many letters?

By default normal dropdowns expand to fit the size of the text. But you can use CSS to set a max width on normal dropdowns like this:

#site-navigation .sf-menu ul {
    width: 200px;
    overflow:hidden;
}

#site-navigation .dropdown-menu ul a {
    word-wrap: break-word;
    white-space: normal;
}

Result: https://cl.ly/rsaJ

- AJ

I’m looking to use this theme for a store redesign. I looked through all the demos, but I couldn’t find what I was looking for. Do you have any examples showing these options?

- Variable product listing - Adding a shipping option to cart - Out of stock product listing - Coming soon product listing

Hi,

I’m going to be honest if you are looking to switch themes just to restyle a few small things like the shopping cart/checkout I would recommend just paying a freelancer $40 to do it and not bother with all the effort of switching over to a new theme. Of course I want to make money and sell my theme, but I won’t try and upsell you if I don’t believe you truly need it.

If that’s all you want I wouldn’t switch themes since you will have to re add your logo, tweak the main theme settings, etc. If you like your current site design and the only thing bothering you is a few small tweaks you could also just invest in a plugin like Yellow Pencil which is a point-and-click CSS editor – https://www.wpexplorer.com/customize-wordpress-theme-design/

The main reason to switch to Total would be if you are looking at using the included page builder – https://wpexplorer-themes.com/total/docs/building-pages-visual-composer/

And taking advantage of the fact that Total is very developer friendly do to it’s large amount of hooks/filters – http://wpexplorer-themes.com/total/docs/action-hooks/http://wpexplorer-themes.com/total/snippets/ – if you want to overhaul the site completely, the quality support..etc.

Honestly, I wouldn’t switch just for styling purposes to any theme if I was happy with my current one.

In terms of a demo for shipping options, I assume you are referring to the shipping zones. The display in Total by default is pretty much like the core plugin’s display and will look like this – https://cl.ly/rsQM

Let me know if you have any other questions. I hope you are having a nice holiday weekend!

- AJ

ps: I am actually releasing a new theme focused primarily on WooCommerce very soon that has a simple widgetized homepage for showing recent products and all the WooCommerce core CSS has been removed and everything designed from scratch for a super slick modern shop look ;) If interested you can also follow me here on ThemeForest to get notified when I release new stuff.

Thanks for the honesty ^^ I think I’ll work with what I have in the meantime, but I’m really interested in the new theme you mentioned too. Thanks so much for the quick and helpful response.

Always happy to help just let me know if you have any other questions or even suggestions ;)

Hello,

Is it possible to create this demo look, http://totaltheme.wpengine.com/base/category/resources/ without having the image appear on the individual blog page?

Thanks

Of course, to disable the image on the blog posts you just need to go to Appearance > Customize > Blog > Single and disable the “Featured Media” block – https://wpexplorer-themes.com/total/docs/blog-single-post-builder/

Hi, I started to create my website. I have an issue on mobile. I didn’t hide the components on mobile, but they can’t be seen on mobile. I used 2 custom css codes but I think they don’t cause this issue. Could you please check? expressnm.com thanks

Hi,

The URL “xpressnm.com” isn’t working for me, is that the correct address?

Usually if things aren’t showing up on mobile it’s due to a 3rd party conflict, did you try de-activating any 3rd party plugins to check?

- AJ

Hi AJ, I solved the issue :) sorry for the inconvenience. It’s the first time I built a multisite, the problem solved when I add a line to wp-config. Thanks

Nice, I’m glad you fixed it! If you do need anything let me know!

- AJ

Hi AJ,

I’m messing around with the Testimonials post type, and after looking around for testimonials plugins, then realising I had one all the time (serves me right for changing the names I suppose), this fits the bill perfectly.

However there’s still the problems (?!?) I was getting with the plugins, whereby if I click on the ‘read more’ from the testimonial text, you get taken to a new page and need to back-click to get back to the website.

So I was wondering – is it possible to either:

1) Put a ‘read more’ line break in the original text so that if someone clicks on it, the hidden text just appears with no need to change pages?

or

2) Put a target=”_blank” into the ‘read more’ testimonial link so that users get taken to a new page on clicking, but then they can just close out of it?

Thanks, AJ!

Awesome, thanks for renewing ;)

What green bar are you referring to? Since you haven’t shared your live site I’m not sure what you are referring to but I assume you mean the “Top Bar” – this can be tweaked at Appearance > Customize > Top Bar > General > Background

- AJ

This green bar ^ ^ ^ :)

Oh ;) I don’t have any control over the site colors here on ThemeForest. I am just an author of this marketplace, that would be something to ask the actual owners of this site “Envato”. But I doubt they would change it since this green is closer to their brand color – https://envato.com/

Hi I need to remove the following from the theme but the custom css wont’ use this code. I installed woocommerce but the add to cart needs to be styled better.

The code I need to work:

.pricing_table_content .product.woocommerce.add_to_cart_inline { border:none!important; } .pricing_table_content .product.woocommerce.add_to_cart_inline .amount { display:none!important; }

Please help. I tried to send a support ticket, I have a liscence but it won’t go through.

aw no worries I found it neded to remove the .pricing_table_content part and now it works thanks

;)

I’m glad you figured it out. What a cute looking site, great work!

- AJ

Thank you!

Any way to get row backgrounds to be fixed on mobile or tablet?

I tried to alter the css like you explained, but the images still aren’t fixed on mobile

Thanks

Hi,

To force these background to be fixed on mobile you would need to use this custom CSS:

.wpex-is-mobile-device {

    body,
    #wrap .bg-fixed,
    #wrap .bg-fixed-top,
    #wrap .bg-fixed-top {
        background-attachment: fixed !important;
    }

}

Added under Theme Panel > Custom CSS. If you add it to your child theme’s style.css file it may not override and you would have to tweak it a bit to make it take priority.

Now, the reason these backgrounds are set to scroll on mobile is because it can cause a ton of lag on mobile devices when you try and scroll, especially if using larger images.

- AJ

Hi,

I create a new website for a client. He bought a license of “Total” on my recommendation. Now it is already the third license. :-) I have the purchase code and all data of this purchase. Can I log in with my account to get support for this purchase? It would make things easier for me. At the moment I have to log in differently for each license. Is there any way?

Best regards

Hi,

This is AJ the theme developer. Because you own your own license you can definitely log in with this username for ALL your clients. The only thing needed to submit a ticket is an active support license it doesn’t matter if the questions are for your site or a client site ;)

But you can also leave questions here for me to answer. I handle all comments and I have a support staff that handles most tickets.

- AJ

Thanks, that makes it easier for me. :-)

That’s awesome man! If there are any Elementor integrations missing or needed for Total still let me know!

Hello, i have installed theme www.paidpicks1×2.com i have questions 1) how to display time when is published post 2) how to reduce space between header picture and baner above 3) how to reduce space between first and second row in menu 4) how to reduce space between menu and bellow sidebar and middle text (mobile site have more space thanks in advance

Yep, the code above should work then ;)

yes but i need above share this icons

That’s going to be a tricker because the share icons are part of the default blog elements – https://wpexplorer-themes.com/total/docs/blog-single-post-builder/ – whereas the next/previous by default is outside of the post at the bottom.

Have you looked at using the Dynamic template function as mentioned before? https://www.youtube.com/watch?v=eGYuBjqkj8Q – this way you can setup your layout exactly as you want.

- AJ

Hi, Is there an action that can be used to alter the classes on a custom taxonomy grid (I am using Toolset to define my custom posts types and taxonomies). I have a custom post type of ‘properties’ that has a custom taxonomy of ‘zone’. On the ‘zone’ archive page I have used a add_filter( ‘wpex_get_grid_entry_columns’ to change to 4 column grid, but I want the Tablet Portrait to be 2 columns and Mobile to be 1 column. I tried this: add_filter( ‘wpex_properties_entry_classes’, function ( $classes ) { $style = wpex_properties_entry_style(); if ( ‘grid-entry-style’ $style || 'grid' $style ) { // 2 Columns on phone landscape $classes[] = ‘span_1_of_2_pl’; // 2 Column on phone portrait $classes[] = ‘span_1_of_1_pp’; } return $classes; }, 40 ); but it didn’t work. Thank you.

Hi,

It should definitely be working if you open framework/core-functions.php and locate the “wpex_get_archive_grid_entry_class” function you can see it’s the same function that is adding the default column classes, so if it wasn’t working you wouldn’t even have columns on the site – https://cl.ly/rrmC

If you do this for testing – https://cl.ly/rrXF – do you not see the added classes from the filter?

I tested locally and I didn’t have any problem hooking into the wpex_get_archive_grid_entry_class filter. This should be running on any custom post type archive or taxonomy.

- AJ

Hi AJ, This is what is printed out: cpt-entry [1] => col [2] => clr [3] => span_1_of_3 [4] => col-1 ) class=”cpt-entry col clr span_1_of_3 col-1 post-3735 properties type-properties status-publish has-post-thumbnail hentry tag-25-unique-homes tag-andy-livingstone-park tag-bars tag-bus tag-cafes tag-chinatown tag-dr-sun-yat-sen-classical-chinese-garden tag-fifth-avenue tag-markets tag-restaurants tag-skytrain tag-sparrow-chinatown local-chinatown local-downtown local-main local-mount-pleasant zone-downtown-vancouver-presale-condos entry has-media”> I tried removing the: if ( ‘properties’ == get_post_type() ) { $classes[] = ‘span_1_of_2_pl’; // 2 columns on phone landscape $classes[] = ‘span_1_of_1_pp’; // 1 column on phone portrait } and changed it to just: $classes[] = ‘span_1_of_2_pl’; // 2 columns on phone landscape $classes[] = ‘span_1_of_1_pp’; // 1 column on phone portrait in my child functions.php filter, but still the same thing as above was displayed.

So, not sure why this isn’t working.

Thank you again for your help.

Did you want to open a ticket and have it sent over to me? I know I had a previous ticket for this site but wasn’t able to locate it.

If you send me WP/FTP logins I can double check things and make sure it’s fixed up. Let me know if there is anything else pending for this site to so I can crank it out for ya.

The code should be working… :(

- AJ

Downloaded theme missing style.css, don’t know which theme I getting in download, keeps telling me Corporate but I want Nouveau, I have had to request 2 refunds now, I don’t want to keep doing this, you guys need to respond and get me the right theme please. thanks.

Hi,

This is AJ the theme developer. First of all I hope you are having a nice weekend.

The missing style.css issue is simply caused by uploading the incorrect file to your server or if you need to increase your server’s memory limit. See the docs here

Now, this is just 1 theme (Total) but it includes many pre-made demos as you can see here: https://totalwptheme.com/#demos

There is a demo named “Corporate” and there is also a demo named “Nouveau”. Every demo is using the same theme you purchased “Total” but with different theme settings defined and different content added if you wanted to import it on a fresh installation to get a quick start on your site.

If you wanted to install the Nouveau demo all you need to do after installing the theme is to import it as shown in the docs – https://wpexplorer-themes.com/total/docs/importing-sample-data/ – make sure to select the correct one.

If you are having any issues with the demo import or installing the theme you can open a private ticket with temp logins so we can help set it up for you – https://wpexplorer-themes.com/support/

I have replied to your refund requests as well.

- AJ

Hello, can the header (style 1) be split differently? On the left the social media icons, in the middle the logo and on the right the menu? Can you offer me a solution for that? Many Thanks.

greetings Horst Schulte

https://horstschulte.com

Hi Horst,

First of all the site looks great, I love what you’ve done so far!

Regarding the header if you want to customize the layout it is possible using mostly CSS, but it’s going to be a bit tricky (especially for responsiveness). But mostly the menu and logo are fairly big so there wouldn’t be too much room – https://cl.ly/rsDe

What you may want to do instead is use header style 3 which centers the logo but places the menu below – https://horstschulte.com/?header_style=three – this gives it a more “newsy” style feel and also makes it so only the menu is sticky on scroll which is much better on your site with the current logo setup.

- AJ

Thanks and best regards horst

Hello, there seems to be an issue/conflict with the Total image carousel when using the page builder (front or back end). I updated theme and WP, deactivated all plugins except the ones that come with the theme (page builder, Revolution Slider). It can not add images from media library. It will add 1 or two, then it just does not allow additional. No errors or notifications. My VPN server should be up to date. Regular page with no page builder works fine in loading images from the media library. Hope you can take a look into it and see if there is a need for a fix/update. Thanks, keep up the great work, love this theme!

Hi,

This is AJ the theme developer. I hope you are having a great holiday weekend!

So there isn’t any known issue it should be working correctly – https://cl.ly/rsgO

Usually if you aren’t able to select more then a couple images it means there is some sort of restriction on the server. Are you able to access an error logs file on your server and see if any errror is generated when trying to add images?

- AJ

ps: The theme is onsale now if you did want to renew your support license or pick up a new copy.

Hi AJ, I was trying to update my theme to 4.6.6.1 and ended up with the site going down with HTTP 500 errors – even the wp-admin was not loading.

I use wpengine and was able to restore my last backup to get the site up again. Is there an issue with the latest update file?

Please revert urgently.

Update : Wpengine support could not see anything in the logs. I have raised a private support ticket. Kindly assist.

http://prntscr.com/jnqyzc

I see the ticket I’ll have a look right now.

Thanks AJ. It’s almost midnight here so it would be a good time to experiment and get this issue resolved even if it requires site downtime.

How do I prevent the copyright text and footer menu from overlapping each other? They meet and overlap in the middle on mid-sized screens until the responsiveness kicks in for them to stack on top of each other.

I’d prefer them to wrap text to next line (rather than stack) when they meet on mid-sized screens, that way i don’t have to keep adjusting the point at which they stack as I add new menu items/copyright items; but having them stack sooner would work too as a stopgap.

Hi,

There isn’t any way to code the theme to check when they overlap and have it auto stack without using javascript which causes a flash so it’s not ideal. The best thing is to either add some custom CSS via media queries (if you share the URL I can help with the custom code) to change the way it works at certain screen sizes. Or to have the main menu and copyright always on separate lines – if you have a lot of text/menu items.

Usually you would only want a small copyright notice and a few links in this area (privacy, contact, terms) so for most the overlapping isn’t an issue.

- AJ

Hi there AJ! After some months developing with node and express, I’m back with WP and your theme for a new wp project. I’m now in local development so I’ll purchase a new license in a few days :)

I’ve seen the rebranding and some new cool features, love it!

I have a little JS question related to the nav#site-navigation: 1. When I mouseenter a .menu-item-has-children a ul.sub-menu appears 2. When I mouseleave a .menu-item-has-children the ul.sub-menu remains for a while, like the fadeOut of the ul has some delay…

It makes some strange effect in my design I want to avoid… The question: is there a file/script I can modify to change that delay?

Thank you a lot as usual! :)

Awesome AJ! Thank you :) Another question if you don’t mind… I’ve able to move the callout to the wpex_hook_header_after hook adding an action, but I realized the callout is now duplicated, in the header and in the footer… is there a proper way to remove it from the footer hook and add it to another? Thank you! Gonna check that sale!

You’ll need to use remove_action to remove the callout – I would recommend adding everything on the init hook to make sure it always takes priority. Example:

add_action( 'init', function() {

    // Remove callout
    remove_action( 'wpex_hook_footer_before', 'wpex_footer_callout' );

    // Re-add callout
    add_action( 'wpex_hook_header_after', 'wpex_footer_callout' );

} );

Depending what you are doing instead of moving the callout you could also just insert a custom area under the header, maybe even using a template. Example: https://wpexplorer-themes.com/total/snippets/insert-template-content-via-theme-hooks/

- AJ

ps: Sale ended a few days ago, sorry :(

Nice!! I think I prefer the callout as it is super easy for web editors to activate&deactivate via theme customizer. Gonna use a template, that’s very helpful. I see the sale is ended, no problemo. Thank you!!

Fallback font-families for Google fonts?

Hello, I want to set the default body font-family for my site to the Raleway Google Font, but if I do this, I do not see a way to specify the fall-back font families. Is this done automatically somehow, or how can i specify the fall-backs? I would usually set it as “Raleway, Geneva, sans-serif”. Please advise so I can be sure I have fall-back fonts specified.

Hi,

This is AJ the theme developer.

Technically because it’s a Google font it doesn’t need a fallback. Fallback fonts are used for browsers that don’t support a specific font. For example you may want to use Helvetica but that’s a mac font so you would have to set Arial as the fallback for Windows. Your Google font loads before your site even loads so it will always exist on the site and will load for all browsers.

- AJ

Hi AJ, I first site using Total went live last week and is going very well! We had an update to Woocommerce today (to v3.4) And it generated this notice:

Your theme (Total Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.

I am aware of those files in the child theme – can I replace them with the new versions, or have they been edited by yourself to work better with Total?

Thanks!

Neil

HI Neil,

If they are in your child theme then you or someone else working on the site copied them over and potentially modified them.

That said there are 2 files inside Total – https://cl.ly/rov6 – that need updating. I will push out a quick Total update soon with the updated files (I already updated them locally in my dev environment). I generally way about a week before pushing out WooCommerce updates because in the past WooCommerce has been known to “f-up” updates. When they launched their last big update I released a full update to Total and then they re-tracked their update and released the older version then re-released the update some days later. It was a huge pain in the butt for everyone. I usually recommend waiting a week or so to do a big WooCommerce update (unless there are big security fixes) to prevent wasting time.

- AJ

Thanks AJ, I can’t recall me copying those across, but anything is possible! I’ll move them somewhere safe and see if it breaks anything.

I agree about Woo updates, and the only reason I installed this one promptly was because of the GDPR…

Look forward to your release.

Cheers.

Oh and by the way, the 2 template files that need “updating” don’t actually need updating for 3.4 to work – the changes that were made aren’t crucial it was pretty much just code commenting and cleaning up the spacing.

I’m trying to verify my license via the theme panel, but it just gets stuck and spins indefinitely after I click activate. The site is rchs.on.ca Help?

Hi,

If you log in and visit this page – http://rchs.on.ca/wp-admin/admin.php?page=wpex-panel-theme-license&troubleshoot=1 – do you see any specific error notice?

- AJ

Says status ok

That is very strange!

Ok, so the license is only used for auto updates so you shouldn’t have any actual issues using the site without it and at your time you can submit a private ticket with temp logins and the license key you are trying to use, so I can take a look – https://wpexplorer-themes.com/support/ – simply request your ticket be assigned to me “AJ” so I can get this resolved for you incase I need to set it manually.

- 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