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,
How often are you using the icons? I would personally recommend just using the SVG icons instead this way you are only uploading the ones you need (you can download the svg’s from github).
In terms of being able to add a keyword for the icon output, I most likely not going to be adding an extra field for this since pretty much none of the other popular font icons use this method. What I could look into doing is adding a custom function for the icon output whenever an icon is used in the theme with a filter so that via a child theme you could alter the output of any icon based on it’s classnames. This would be a pretty big/time consuming update though so if I do this it won’t be ready until the next update. Since no one else has request this sort of thing I am a bit hesitant to add extra bloat to the theme.
Does using the SVG formats work for you?
- AJ
Hi AJ,
We’re talking about using 3 icons on 3 pages which means 9 different icons.
I would need some help to use the SVG icons in the icon boxes. Can you point me in the right direction?
BTW the site is running under http 2.0. As I understand it is not necessary to use SVG-sprites to minimize http requests.
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.
Great!
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
hmm it looks like the vc_custom_<number> class is defined when I am on the post page, but when the post is embedded through a blog grid, the vc_custom_<number> class is not loaded. Which seems like a bug.
Hi,
The vc_custom_ class is saved to the current page/post meta (in a hidden custom field) and then output in the header tag on the live site.
I’m not sure what you mean by “but when the post is embedded through a blog grid” class is not loaded. Can you please explain and/or share a live example? Thanks!
- AJ
I have a post with an inner column element with some custom CSS:
...The post is displayed through a blog grid on my home page: https://wednesdaynighthop.com (fyi it will go away at midnight US Pacific Time).
The vc_custom_1456957136375 is defined on the post page, but not on the home page. So any CSS customization I had added for the post is not used when displaying the post in the blog grid.
Does that make sense?
PS: The blog grid is located right after the Schedule text. It shows only one post right now (Wed Feb 14: ...).
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
Thanks 
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
Sounds like a caching issue. If you are using a caching plugin or your server has built-in WordPress cache (this is best) make sure to purge your cache whenever you are making changes to the site.
Some of the plugins are very “harsh” and you must clear the cache whenever you make even the smallest change to the site like updating a post.
- AJ
hello AJ. I cleared all caches but there is still the same problem like yesterday. All the buttons etc. are still in the blue of the demo theme “travel”. After reloading the page the colors switch always back to the blue color. I don’t know why this is happening
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
thanks a lot. it was really confusing 
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.
Any chance you can share the URL so I can take a look? Thanks!
Of course! expanderdigital.com
Hi,
The bars are showing up but you have a few bugs on tablet size due to your custom mobile menu breakpoint, these have already been fixed in the last update. You are on 4.5.5 make sure to update to 4.5.5.1 – http://wpexplorer-themes.com/total/changelog/
Make sure to clear your site and phone cache after updating. Its possible your phone is loading the old CSS for the site so you aren’t seeing the new bars which are made with html instead of a font icon so they can be animated you should see them like this – http://totaltheme.wpengine.com/samus/
- AJ
Hi, AJ. I’m using a child theme. Sounds like I need to update that as well, right? Won’t I lose all colors and customization settings if I move to 4.5.5.1? Any recommendations there? Also, how do I have a custom mobile menu breakpoint? I don’t recall setting that up? Should I reset to default somewhere?
Thanks!
Hi,
No you don’t have to update your child theme. Everything appears to be working correctly. The hamburger menu is showing up for me in all mobile devices I check (iPhone, android, iPad, etc).
In terms of updating you don’t lose any customizations when you update. I see you already updated to 4.5.5 so do the exact same thing you did to update to 4.5.5.1 
Are you using the theme auto updates? If not, log into WordPress and go to Theme Panel > Theme License and enter your license to get notified of updates via your admin panel.
The mobile menu breakpoint is a setting in the Customizer at header > mobile menu. You don’t have to reset it or change it, the problem was in the last update I messed up a little and created a bug with that setting but it has been fixed in 4.5.5.1 so updating your theme will fix the bug I see which is that the bars are left aligned not right aligned – https://cl.ly/pXM1
- AJ
Thanks, AJ. I updated the parent theme, but now it looks like the menu icon is right next to the logo? I’m confused what’s going on.
Can you try clearing your phone cache or checking in private mode? Everything looks good to me when I check your site.
- AJ
I appreciate you checking, AJ. It seems Tablet and Mobile are the only views affected. Here, you can see I’m incognito and still seeing the problem: https://photos.app.goo.gl/i5t39iLsKLhXh4mX2.
Hum…I’m looking on the iPhone, iPad, chrome device inspector as well as in crossbrowsertesting.com and not seeing the issue anywhere – did you clear your device cache? Even in incognito it could still be caching the site resources.
Here is what I see:
I tested on real devices as well, but easier to screenshot from the testing tool.
Hi, AJ. Thanks again. I’m not sure where the disconnect is, but it seems we’re having difference experiences. I cleared my cache, saw the same thing (the problem) and wasn’t convinced. So, to see if I was crazy, I went to slack. I had some peeps from my local WordPress Meetup workspace check it and they’re also seeing what I’m seeing. I even changed some of the copy to make sure I was seeing the latest and I am. My personal devices are a Pixel XL and a Pixelbook, using Chrome OS. Update: One of the guys using Safari checked it and it looks good. Maybe Safari looks good, but other browsers don’t?
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