Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,257 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22385 comments found.

Hello! I have a doubt that, looking in the documentation of the theme I could not find. Following the information on this link (https://wpexplorer-themes.com/total/docs/header-aside/), I was able to add an extra image. The theme configuration offers me to center it vertically or at the top but how could I make that image have alignment at bottom?

Depends. Can you share the URL? Because if all you want is to have an image like a banner it may be best to just use some custom CSS to tweak it a bit which I can provide for you.

- AJ

Of course!. The address is https://www.casadelestudiante.upct.es and the image I refer to is the one on the top right (a secondary logo).

The quickest thing would just be to add a little padding like this:

.header-two-aside {
    padding-top: 11px;
}

- http://wpexplorer-themes.com/total/docs/making-css-edits/

And tweak the 11px to the spacing you want.

- AJ

Hi! I have installed WPML and WooCommerce on my site. The last item in the main menu is the link to the “My account” page. Next, the language switcher is displayed. Finally, the icon of the shopping cart. How can I make the language switcher the last one on the right to be displayed? If this is not possible, what is the syntax of the shortcode [wpml_lang_selector] and its parameters, to include the language selector in the TopBar? Thanks!

I am trying with [wpml_lang_selector show_flags=”true” show_names=”false”], but it does not work. You can see it at https://drinkneven.com

Hi,

  • It is possible to add the wpml item to the end of the menu but only using custom code in a child theme that hooks into the menu and manually adds it.
  • There are actually no required parameters – https://wpexplorer-themes.com/total/docs/language-switcher-topbar/ – the [wpml_lang_selector] shortcode in Total grabs the settings directly from WPML, so if you enabled flags in the WPML settings then it will show flags. I see the switcher is showing up correctly but just as test, simply go to your WPML dashboard to tweak the look from there since the shortcode grabs the default look. Make sense?

Your site is looking great! Nice work ;)

- AJ

Oh, yeah!!!! Thanks a lot!

Hello AJ The menu doesn’t show up anymore on eg iPhone????! Might be linked to the latest update. www.orchango.com Pls help. Ed.

Hi Ed,

In the last update I changed the mobile menu to use a new design as requested by hundreds of customers so it’s more minimal. It no longer has a background. Example: http://totaltheme.wpengine.com/samus/

It looks like you may have added a background in the past and made the icon white and now that there is no more background it’s just white so you can’t see it. If you can log into the site and go to Appearance > Customize > header > Mobile Menu and change the icon color and hover it will fix it:

See here: https://cl.ly/pYuo

Screenshot of settings to change: https://cl.ly/pZW4

Sorry fort he troubles, unfortunately there was really no way around this if customers changed the icons to have a white color because if you had made the icons white and the header black the icon needed to stay white, so for customers that made it white but have a white header updating the customizer settings is needed.

- AJ

Thank you A.J.! That was an easy fix!! ;-) Have a good weekend. Ed.

Hi,

I’ve been asked to implement some Material Design icons (https://material.io/icons/). I’ve enqueued //fonts.googleapis.com/icon?family=Material+Icons. This works as expected when used in e.g. text boxes.

Now I’d like to use some material Design Icons in the Icon Box. I thought I could use the “Icon Font Alternative Class” field. However this doesn’t work since the format is different from font awesome.

Material Design are implemented with a class + keyword like “accessibility” whereas Font Awesome only needs the class name like “”.

Any suggestions how I can get this to work?

Regards, Ron

Hi Ron,

If it’s only 3 icons on a page loading 3 svg images would be very fast and should work well.

To use an SVG you just add it as an image: https://cl.ly/pY8e – so it’s very easy, which is why I was suggesting this method.

One thing to mention though is WordPress does disable SVG uploads by default so that would have to be enabled either via a child theme or a custom plugin.

- AJ

Great, that worked for me.

Oh I totally understand. I just wanted to let you know that was an option and took the time to provide you with the code incase it is something you wanted to do.

Of course it’s impossible for me to know how your business/website operates but I like to be proactive and provide suggestions/options to customers that I think they may find useful to save them time/effort in the future. But you never have to take my advice, it’s just there to provide added benefit if wanted ;)

- AJ

Acknowledged, and I certainly appreciate it, including your time to provide that extra code.

Like I always say, you provide the very best tech support on the planet.

Hi there. I need to know which plugin do you recommend to install to show a cookies support advertisement in your Total Theme. Thanks from Spain.

Hi,

To be honest I don’t have experience with any cookies plugin for WordPress but this one looks nice have you tried it? – https://cookieconsent.insites.com/download/

- AJ

thanks a lot, this works fine for me !

The menu for mobile recently stopped working. Is this a known issue?

No it should be working, does it work when you check my live demos? Example: http://totaltheme.wpengine.com/samus/

If you recently updated your theme – http://wpexplorer-themes.com/total/changelog/ – make sure to clear all site cache. If you still have issues please share the URL so I can take a look. Thanks!

- AJ

Thank you for the quick response – I actually just updated my site to see if that would help the problem and it did not. http://motioncontrolsrobotics.com

Hi, Can you please let me know how i can achieve the below effects using the Total theme :

1. http://69.16.232.82/ap-dev/safetechnical/products-services/ (when you hover over the image, it animates a red and gold line around the item)

SCREENSHOT : http://prntscr.com/ien2yu

2. http://69.16.232.82/ap-dev/safetechnical/ (how can i make the header semi transparent upon scroll)

SCREENSHOT : http://prntscr.com/ien2ee

Thanks

Can you also plz let me know how we can make the top bar semi-transparent?

Hi,

1. This isn’t available in the theme by default so you need to use custom CSS for this. You can see in the example shared how they did this by adding a unique classname to their page builder columns then some CSS – https://cl.ly/pX5Y via the before pseudo tag.

Depending where you want this exactly (on a specific module, column, archive, etc) the code may vary.

2. Under Appearance > Customize > Header > Sticky Header there is an “Opacity” setting you can use for this – https://cl.ly/pXIo

3. The topbar is actually 100% transparent by default, there is no background added to the topbar. Are you trying to place the topbar and/or header over some sort of custom banner absolutely? Like this: http://69.16.232.82/ap-dev/safetechnical/about-us/

If so, there is an option for an overlay header but it’s for single pages – https://wpexplorer-themes.com/total/docs/overlay-header/ – if you want to do something more like the site mention above globally on your entire website it’s possible via child theme modifications (using different methods) I can guide you in the right direction for that if needed let me know.

- AJ

Hi,

I am modifying the Design Options on some of my visual composer elements, but I don’t see them being applied on my page. I see ‘vc_custom_<number>’ classes being added to elements but the vc_shortcodes-custom-css section does not have those new classes defined.

What could prevent the vc_shortcodes-custom-css from being updated? or how can it be missing the new classes?

Thank you

Oh I see what you mean, because you have the blog grid set to display the “full content” and not just the excerpt and the content has VC items.

Here is a fixed file: https://cl.ly/pXbk

If you update via FTP at Total/vcex_templates/ it should fix the problem.

- AJ

That worked! Thank you for the quick fix.

No problem, thanks for the heads up!

Hi,

I have a problem with the ”image gallery” of the visual composer. I can’t insert more than two images in my gallery… Less, it works, but more, not… How to fix it ?

I updated Total and all the plugins.

Thanks in advance for your help !

Sander Kiewied

Hi Sander,

If you are being “maxed” out this is going to be a server issue but there are a few server problems that could affect it. Is there any chance you can access your server error logs to see what error is generated when trying to add multiple images? That would help me give you the exact fix.

Or if you want you can submit a private ticket with both WP and FTP logins – https://wpexplorer-themes.com/support/ – so I can enable WP_Debug and look for you. Just request your ticket be assigned to me ( AJ the theme developer) because this can be a bit complex to troubleshoot.

- AJ

Great THanks!

Hi,

Forgot to mention, if you can’t or don’t want to renew support at this time to submit a private ticket you can also email me directly at wpexplorer [at] gmail dot com.

- AJ

nice work :)

traivan98

Hello. I was reading that you can use Elementor or Beaver builder with your theme, and that’s awesome. I have one question, is it possible to use Elementor or Beaver to build a custom header? like this: https://wpexplorer-themes.com/total/docs/header-builder/

Thanks!

Hi,

There is already built-in support to select your Elementor template in the header builder : https://cl.ly/pWwF

I don’t have too much experience with Beaver builder, do they have a template functionality? If so I can also integrate it.

Although you can also just create a standard page for your header/footer layouts. Because the way it’s coded is it simply grabs the selected ID and returns the content of that page/template where the header would normally be.

Let me know if you have any other questions,

- AJ

hello, when i change the accent color from blue to black in the customizer everything works and looks fine. But after publishing it, I go back to the site and the colors are blue again. Do you know why the black color isn’t shown correctly because when i check it in the customizer again, the black color is still selected? Thanks in advance

Can you share the URL?

If the option is set in the Customizer and it’s working in the Customizer but not on the live site then it would be a caching issue – that’s the only reason something would work in the Customizer and not the live site because when you preview it in the Customizer it’s using the same exact code.

One thing to mention though and maybe this is causing the confusion…In the Travel demo I tweaked the accent but also the button colors so you may just need to change the button colors as well if you are looking specifically at the buttons – https://wpexplorer-themes.com/total/docs/button-colors/

- AJ

ah yes this was the problem :D thanks a lot. it was really confusing :D

I will update the demo to only use the accent color for the buttons, thank you for letting me know it’s confusing!

- AJ

Hello again! I had a banner slideshow on my site before switching to this theme, and now it doesn’t stretch to fill up the whole page. How can I get it to go alllll the way to each edge of the screen? #rookie question, probably. but i appreciate the help!

You have a few options. Currently it looks like you added the slider inside the page content. So you can either:

1. Remove the slider from the content and instead add it under the page settings slider tab as shown in the first part of this doc page – https://wpexplorer-themes.com/total/docs/adding-sliders-top-pages/

2. You can enable the WPBakery page builder for your homage and insert the slider inside a “stretched” row so that it stretches the slider across the whole page. Like this: https://cl.ly/pWlt

3. You can set the current page to “Full-Screen” layout but then your instagram grid will also stretch – https://wpexplorer-themes.com/total/docs/content-layouts/ (not really recommended).

- AJ

lovely, thanks!

Hello, I have buy two licenses recently, and I need some support, but when I go to submit a ticket, the system is telling me that I dont have any license? Cn you please help me? where can I sen you my two licenses so you see I have buy the theme?

It’s possible you are logging in with a different account, can you try in a different browser. When I check the support site is showing both licenses for this username: https://wpexplorer-themes.com/support/verify/?username=carmentvaalba

So you shouldn’t have issues. But sometimes the Envato API gets “stuck” on a different account if you ever logged into a different account and you may need to switch browsers.

If it still doesn’t work I can try removing your username from our support site so you try logging in again and see if that works.

Of course you can always ask for help here as well ;)

- AJ

We have a website where we need to use a multisite network (to separate USA and International information) but it’s the same basic business, with the same design and a lot of the same information. i am wondering if it is possible to use Templatera in the main site to build out some of these elements, that could then be saved and pulled in on the individual sites in the network as needed?

Hi,

Unfortunately this functionality isn’t included in Templatera because of how items are saved and pulled. What you would have to do is network activate a custom plugin that adds default templates via code like this:

// Add default templates
function myprefix_vc_default_templates() {

    /* Default Template 1 */
    $data = array(
        'name'         => esc_html__( 'Default Template 1', 'total' ),
        'weight'       => 0,
        'custom_class' => 'myprefix-custom-vc-template',
        'content'      => '[vc_row][vc_column][vc_column_text]Your template content[/vc_column_text][/vc_column][/vc_row]'
    );
    vc_add_default_templates( $data );

}
add_action( 'vc_load_default_templates_action', 'myprefix_vc_default_templates' );

Where “content” is the content you want in the template which you can get by creating a template and then inspecting it in “text” mode – https://cl.ly/pVbN

- AJ

Thank you so much for the help!! One more question. Within an individual site, is it possible to show a different header or footer based on where the user came from (referring URL)? EX: if i want to show a specific header/menu when someone clicks on ”/about/?ref=abc” vs. clicking on ”/about/?ref=def”. I have used the header builder and footer builder but was not sure if it could be possible to dynamically swap out since it’s being pulled in from a separate place already.

Definitely possible ;) There is a filter included in the theme named “wpex_header_builder_page_id” which can be used for altering the header ID.

If you aren’t familiar with filters see here: https://wpexplorer-themes.com/total/docs/use-filters-wordpress/

Example code:

add_filter( 'wpex_header_builder_page_id', function( $id ) {
    $ref = ! empty( $_GET['ref'] ) ? $_GET['ref'] : '';
    if ( 'abc' == $ref ) {
        $id = 3; // where 3 is your template/page ID for the custom header
    }
    return $id;
} );

The footer builder has the same filter just change “header” to “footer” to target the footer.

- AJ

On mobile, my hamburger icon is missing and I’m not sure why. A box shows up, but the three lines are missing.

I checked on Chrome in Android and it looks good as well.

Are you using any sort of CDN on the site, maybe CloudFlare? It’s possible I’m getting different assets loaded on the site then you are.

This is a screenshot from a Nexus using Chrome: https://cl.ly/pftr

But also chrome on your phone works exactly the same as chrome on your desktop, so if it works on the desktop then it should work on the phone, do you have issues on your desktop?

The icon is positioned via absolute positioning which works in all browsers, so it really is impossible for this to happen if your site is loading the correct styles – https://cl.ly/pftc

I had previously switched it in 4.5.5 to use a flexbox model instead of absolute position but there are issues with some devices not properly setting flexbox containers causing the issue you see, which is why I switched it back to absolute position which works in every single browser known to man.

- AJ

Hi, AJ. I am actually on CloudFlare! Do you have a different or preferred CDN to use with Total?

Cloudflare is great (I use it as well – I actually have 6 domains on their $20/month plan), but whenever you update you need to remember to purge the cache.

What I do when I update things is I set Cloudflare on development mode, update the site, purge any site cache then log back into CloudFlare purge the cache there and then disable development mode.

- AJ

Hi,
an “uncategorized” category appeared in my product list categories and i cannot delete it. How can I fix it?

Hi,

This is part of WooCommerce because every product needs to be assigned in a category. You can simply ignore it or you can rename it to your most commonly used category.

- AJ

Hello,

Sorry for my english level ;)

How to put a white background behind the presentation text of the staff? Like that: http://totaltheme.wpengine.com/agent/staff/

Thanks!

Hi,

You can do it either via CSS to target ALL staff modules like this:

body .staff-entry-details { background: #fff; padding: 25px; }

- http://wpexplorer-themes.com/total/docs/making-css-edits/

Or by editing the module like this: https://cl.ly/pVr7

- AJ

thanks !

Hi AJ, I would like to have one footer that displays on desktop sites and a second footer that displays on mobile – how can I set that within the total theme. Thanks

The only way to do this would be using the Footer builder function – https://wpexplorer-themes.com/total/docs/footer-builder/

And using the Visibility Settings in the Page Builder to show/hide content accordingly (either by showing/hiding specific modules or entire rows) – https://www.youtube.com/watch?v=CcZbB6GaETg

- AJ

thanks – I will try it

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