22360 comments found.
Two questions for the toggle bar:
- How can I use another element to trigger the toggle bar? Could I just use an #ID or a special .class or do I have to adjust a JS file? I want to use a menu element.
- Is there an easy way to adjust the toggle bar so it slides in from the right and not from the top?
Thanks for your work! Still the greatest theme around 
Hi,
1. Yes you can use the classname “toggle-bar-btn” on any link (must be an a tag) to open/close the togglebar.
The issue I see though is when you add custom classes to your menu items it’s added to the li element not the actual link, so I would have to modify the javascript for this to work. I can do that and send you the updated js file if you can replace it via FTP in the theme. Let me know if you want that.
2. Yes, but it would require quite a lot of custom CSS. If what you really want is a sidebar style area to open from the side I would recommend just using an off-canvas plugin, there are quick a few good ones out there.
- AJ
Hello, i have a question … i can’y see my footer. I set all active in the customizer but i can’t see it. anyone a idea?
Is it disabled by any chance in the page settings? https://wpexplorer-themes.com/total/docs/page-settings-metabox/
- AJ
Or do you have a custom footer setup under Theme Panel > Footer Builder?
- AJ
done … thanks i fix my fault. it was deactivated in the page settings XD
Hi AJ, I translated the footer callout on my wpml-powered multilanguage website; however, I cannot get the button to link to the right page: It links to the url entered in the customizer callout button tab, not to its translated version. Your help would be highly appreciated, thank you Romain
Hi Romain,
How did you translate the footer callout? You should be able to also change the button link via the WPML “String Translations”. I double checked the the callout link is included in the registered Customizer settings for WPL/Polylang – https://cl.ly/pg2Q
- AJ
Hi, how this grids templates /wp-admin/edit.php?post_type=vc_grid_item use for WP archive pages?
I need more control for archive pages, include ACF or Toolset custom fields.
Hi,
Are you a developer? If you want to override the default archives there are many filters you can use for this. Example: https://wpexplorer-themes.com/total/snippets/cpt-entry-blocks/
And adding/removing sections from your archives via code is much more efficient then using advanced plugins (there are plugins you can use) to override your archives with page builder modules.
Also if you use the Post Types UI plugin you have a lot more control over your archives, for example if you want to choose your grid columns, etc – https://wpexplorer-themes.com/total/docs/adding-custom-post-types/
- AJ
Hi, this snippet does not work for me 
https://wpexplorer-themes.com/total/snippets/woo-menu-cart-icon/
Any idea how to make it work?
Hi,
Try adding something to your cart, because the cart html is cached by WooCommerce. The snippet is still correct.
- AJ
Hi, In one of the comments you wrote about adding shortcode for cart. Is it described anywhere in the doc? How can I use it? Is it suitable for top bar and does it display the dropdown with products?
Hi,
I was considering adding it, but because of how WooCommerce works it’s not really ideal having it as a shortcode so I decided not to add it at this time until there are some future improvements to the functionality (it’s easy to add a simple cart and amount but not a dropdown that will work anywhere on the site).
There are plugins out there though you can use to extend the cart function, for example some customers use this – https://wordpress.org/plugins/woo-cart-count-shortcode/ or this – https://wordpress.org/plugins/side-cart-woocommerce/
- AJ
Hi, I need to use an Advanced Query for the Post Types Grid. I want to get all posts of the type profile that are published and have the Toolset field Prime Member set to Yes (1). I started by just trying to get the post_type=profile but can’t get it to work. In the Custom Query I have tried: post_type=profile ‘post_type=profile’ ‘post_type’=’profile’ ‘post_type’=>’profile’ array(‘post_type=>’profile’) but none of the above works. Could you please let me know what format the Custom Query box needs. Thank you.
Hi,
If “profile” is a post type then post_type=profile would be correct to code get items from that post type – https://cl.ly/peXh
- edit see below:
- AJ
Sorry I actually had a little “brain-fart” you can do a custom meta_query easily with the advanced query function. Here is an example: https://cl.ly/petF
I know you mention you have a field named “Prime Member” but usually fields would be lowercase and without spaces such as “prime_member” so double check what the ID actually is. Your query should look something like this: https://cl.ly/pdyD
- AJ
Hi, Thank you so much for your help. I don’t know why post_type=profile wasn’t working for me, but when I added other parameters on the string then it all started to work, except for 1 thing. When I set the posts_per_page=12, it shows 12 posts, but the pagination is missing to go to the next 12 profiles. How do I turn pagination on? Thanks again so much.
Great, I’m glad that’s working now!
You just need to add pagination=1 to the query to enable pagination
- AJ
You may want to bookmark this page – https://codex.wordpress.org/Class_Reference/WP_Query – which has a list of all the various parameters you can use in WordPress queries.
- AJ
Hi AJ, It turns out that we need to use the VC Post Grid module instead of the Total Post Types Grid module to display the content. We need the Load More button rather than pagination. Is there any way to narrow the query for the Post Grid like there is for the Total one? I tried using the snippet in functions.php that you sent before, but I think it only works on Total grids, not VC grids. I need to add the meta_key=wpcf-prime-member&meta_value=1 to only show the Prime Members. Thank you again for all your help.
Hi, I found how to do the Custom Query with the VC Post Grid, but then the Load More option disappeared. It would be great if your Total Post Types Grid had the Load More and Lazy Loading options.
Hi,
I actually already coded the loadmore button for the post types grid but didn’t make it available yet in the theme because instead I am working on a brand new “Grid” module that will hopefully replace the rest as it will have more options, different skins, easier to modify via child themes, etc so I’m thinking of only adding the load more to this module. Load more functions are actually very complex and add significant bloat which is why I’m looking to include it only on my new module I intend to release hopefully next month.
One thing I would recommend though as a lot of customers use and like it is this plugin – https://theme-one.com/the-grid/ – it’s a massive (but fast) plugin that lets you create any custom style grid (with some nice presets to choose from). Because it’s a plugin it can include a lot more functionality then one can include in a theme (without making the theme really massive/bloated) so there are a lot of different choices to pick from to create truly custom grids.
- AJ
Also…the core WPBakery Post Grid doesn’t have a true “load more” function, what they do is they load all the posts and then hide some via CSS, which isn’t very good for site speed, especially when you have a lot of items. The new grid I’ll be making will have a real load more that loads the items on demand via AJAX.
Hello,
For some reason my page settings is missing from the bottom of each page. I tried searching the FAQ, but it says they are enabled by default. I know it was there before, as I edited those values, but not anymore. I updated plugins, nothing is out of date, etc. Any idea?
looks like slider revolution needed updating, I didn’t notice, so ignore the comment above, it’s fixed thanks.
Hi,
Make sure it isn’t disabled under “Screen Options” in the dashboard – https://cl.ly/pdmv
Hi,
I’m using Polylang for a bi-lingual site.
The site also uses the callout just above the footer. Is there a way to translate the Callout text + button-text to the other language?
(An option would be to override the callout-text on individual pages but possibly there is a better solution?)
Regards, Ron
Hi Ron,
The callout text. button text and button link should be available under your string translations – https://polylang.pro/doc/strings-translation/
Also you can override them on a per-post basis if needed via the meta options – https://wpexplorer-themes.com/total/docs/page-settings-metabox/ – but this is more for people that have different sections on the site that need custom callouts.
- AJ
Are we going to use new Font Awesome 5? They won’t have more release icons for the previous version that we currently using anymore. The new version also has more icons and styles.
Hi.
I am planning to make the update, the issue is some of the icons have been modified so I actually have to go through each and every single icon to make sure there is not going to be issues and if any have been changed I need to make notes for the changelog, so it’s a lot of work. Also I am waiting to see if the WPBakery Page Builder is making the update as well and Slider Revolution to prevent duplicate scripts from being loaded it would be best to do all 3 at the same time. But yes, that’s the plan
- AJ
ps: I don’t know if I ever did, but thanks for mentioning Total in your site footer! I really appreciate it If you ever want to guest post on the WPExplorer blog for a backlink let me know – we may have some openings.
Good to hear that! We (Thai) are waiting so long for the Line icon (one of our most popular messenger application) to be include in Font Awesome. I have been using SVG that i create myself for long. But it is more difficult for me to add it to the social share. I am getting tired of working around lol.
And I will be very happy to write a guest post on WPExplorer!
The issue with the line icons is that it’s only included in FontAwesome Pro and I can not include the pro license in Total – if you want to use the pro icons you would need to buy your own custom font awesome license.
Where are you using the line icons? Maybe I can provide an alternative suggestion.
Feel free to email us at sympleworkz [at] gmail [dot] com if you have a topic in mind for our blog whenever you are ready. We always have a long list of pending posts but I’m sure we can fit you in. It would be good to do some cross-linking between our sites
- AJ
Checked this Line is included in the free version of FontAwesome. I am using it on my footer menu along with other social icon and Now I want to add it as another social share icon too. I can wait for the update don’t need to be rush.
https://fontawesome.com/icons?d=gallery&q=line&m=freeI will email you when I get a topic to write Thank you so much!.
Ohhh.. ok I see Sorry I thought you meant the thin icons like this – https://fontawesome.com/icons?d=gallery&s=light&m=pro
What could maybe do is make a tiny plugin for fontawesome pro if you want to beta test it before I put it in the core theme. I think others would like to try this. This way I can have some customers try and and if there are any issues they can help me debug.
- AJ
That is a good idea too.
Actually the Line messenger that I talk about is this one and surprise it only has in the free version! and only one style. https://fontawesome.com/icons/line?style=brandsHello AJ,
This theme is awesome and designing websites couldn’t be any better. I just have a bit of an issue with the Local scroll ID, I have followed everything mentioned on the doc but it only works when I create a Total navigation bar, and what I am trying to do is the following I want to use the existing Menu items and link them, the problem is when I go to add items there is no option for that, only URL, it doesn’t work perfectly with the URL and ID. Please help, Thanks
I’m glad you like the theme!
For the local scroll to work with your menu you just need to add the “local-scroll” classname to your menu item as mentioned in the docs here: https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/
If you don’t see the setting you can enable it under “Screen Options” like this: https://cl.ly/pdDu
If you need anything else or have suggestions for future updates, let me know!
- AJ
Thank you for the prompt reply, it worked perfectly.
Hi, one questions. How can I delete this area? I can not find the option for that. See here: http://bit.ly/2ECe2kF
Best regards
Hi,
This is the callout area so you would go to Appearance > Customize > Callout and disable it from the general tab.
More info here: https://wpexplorer-themes.com/total/docs/footer-callout/
This is a very helpful article as well if you are new to the theme: https://wpexplorer-themes.com/total/docs/total-wordpress-theme-anatomy/
- AJ
Thanks for the quick response. That’s a great theme. I’m happy to have bought it.
Great! If you need anything else, let me know
Hello! I have a quick question, if you don’t mind. I just set up Total with the Charlotte demo data (http://totaltheme.wpengine.com/charlotte/). Everything seems to be working great, with the exception of one thing.
The background of the blog post entries on the demo site on the main page doesn’t seem to be working (screenshot: https://www.dropbox.com/s/i7ufso6yzkj437d/Screenshot%202018-02-19%2016.11.35.png?dl=0) . I’ve literally looked everywhere for an option to adjust this and haven’t found anything. Nothing to be found under Customize > Blog > Archives & Entries either (which does contain other settings related to these items).
Do I need to adjust this using CSS, or is there an option somewhere?
Hi,
The Charlotte demo does have a little custom CSS added to the site for this background, it should be included in the sample data. If it’s not, I will re-export and update the sample data right now – thanks for the heads up.
The CSS is very simple:
.blog-entry.grid-entry-style .blog-entry-inner { border: 0; background: #eee; text-align: center; }
- AJ
Working great—cheers!
How do I change the header height?
Hi,
The header doesn’t have a fixed height so it will expand depending on the height of your logo and header top/bottom padding.
- AJ
on http://dev.galmedpharma.com/board-of-directors1 on the tour section links – I set up an active state which is working well except on the first item which does not show the shadow. Also I would like the hover to be exactly like the active state but I cannot find the class to update and I cannot seem to take away the margin jump to the left when the text does to the left when on mouse over. Please advise.
I figured out the hover background – just not the margin jump and the issue with the first item. Thanks
Hi,
The “jump” is being caused due to the change in padding on hover added in your child theme – https://cl.ly/pd8a
- AJ
thank you!
How do I remove query strings from static resources? And do you have a guide on how to speed up a WordPress site using W3 Total Cache or another plugin?
Hi,
- You can use a plugin for this or some custom code in your child theme, but I personally don’t recommend. I know some page speed test sites recommend it but it doesn’t actually speed up your site. In WordPress all scripts have a query string at the end containing the version number so for example the theme’s style.css file will load at your-site.com/wp-content/themes/Total/style.css?v=4.5.5.1 – what this does is when someone visits your site when the browser caches the resource it cashes it with the version number so whenever you update your theme to a new version your visitor’s browser will know to load the new version instead of the cached old one.
So as you can see unless you are updating the theme very hour then it won’t make an actually difference in overall loading time to your repeat visitors.
And if you remove these versions what will happen is when you update your theme your repeat visitors may see outdated scripts and thus a broken site. So leaving the version numbers is recommended and also doesn’t actually slow down the site. But because page speed testing tools don’t know what the purpose of a specific query string is they just say to remove them.
- Personally I don’t like caching plugins I always recommend using managed WordPress hosting. These hosting services are designed for WordPress so they are very fast and they all have built-in cache optimized for the server (no need for a plugin). Examples would be WPEngine, FlyWheel, Kinsta, Media Temple Managed WP Hosting, Siteground, etc…
But if you don’t have built-in cache then W3 is a good alternative but it doesn’t really matter what theme you are using, most the settings depend on your server setup. We have a guide to the plugin here – http://www.wpexplorer.com/wordpress-w3-total-cache/
That said, WP Super Cache is much easier to setup. And if you want a premium solution Rocket WP is also very easy to setup and a lot of Total customers use that one.
I do have a guide on speeding up your site here as well – https://wpexplorer-themes.com/total/docs/speeding-site/
- AJ
Which form builder would you recommend that allows options for sure?
If you want a free contact form Contact Form 7 is very good and there are many addon plugins you can use with it.
If you need something more complex, Gravity Forms is one of the most popular and best premium plugins out there, I’ve used it many times for contact forms and even online shops to create accounts and process payments, it’s very good and modular (developer friendly).
- AJ
Hey AJ and team, Tried it now for a longer time perhaps you can help? I have 3boxes in a row. Every box with an background image and some overlays on top. I want to animate the whole box (the background-image inside a wrapper), but i cant give the first wpb_wrapper a class so that its unique. I tried several CSS thing like first-of-type but it didn’t work
The HTML is:
<div class="vc_row wpb_row vc_row-fluid box-row">
<div class="wpb_column boxwg vc_column_container vc_col-sm-4 wpex-vc_col-has-fill">
<div class="vc_column-inner">
//This is the wrapper i need to tweak with CSS
<div class="wpb_wrapper">
<div class="vc_row wpb_row vc_inner vc_row-fluid wpex-vc_row-has-fill wpex-vc-reset-negative-margin">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="vcex-module vcex-image-banner vcex-h-zoom">
<a href="http://localhost/xyz/zxy/" class="vcex-ib-link"><div class="vcex-ib-content-wrap clr"><div class="vcex-ib-content clr" /></div></a>
</div>
</div>
</div>
</div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_">
<figure class="wpb_wrapper vc_figure">
<a href="http://localhost/xyz/zxy/" target="_blank" class="vc_single_image-wrapper wpex-image-hover grow vc_box_border_grey"><img width="75" height="75" src="http://localhost/xyz/wp-content/uploads/somepicture.png" class="vc_single_image-img attachment-full" alt="" /></a>
</figure>
</div>
<div style="color:#ffffff;font-size:2em;text-align:center;" class="wpb_text_column has-custom-color wpb_content_element">
<div class="wpb_wrapper">
<p><a href="http://localhost/xyz/zxy//" target="_blank" rel="noopener"><span style="color: #99cc00;">some text</span></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
Hi,
Just give the main column a unique class and hen you can target the wrapper inside the column like this:
.custom-class > .vc_column-inner > .wpb_wrapper { }
- AJ
Hi, Works like charm Thanks AJ
I have a simple question I think. I have a navigation menu, and I want to have only one menu option highlighted. I am not sure what the CSS code to get that done.
This would be simple since each menu item in WordPress has a unique classname and I can help with the custom code but it depends how you want it to look. Do you have an example?
If what you want is a simple button then you can already do that with a built-in class – https://wpexplorer-themes.com/total/docs/header-one-menu-button/
If you want something else let me know how you want it to look so I can assist. If you can share the URL you are working that would be best so I can match it to your current settings and make sure the CSS is perfect for your needs.
- AJ
Hi there, I’m trying to translate the logo, but seem to find how. I use WPML. Added the theme to string translation, but no results of how to translate them. I used this article: https://wpml.org/forums/topic/logo-translation-4/ . I saw a post of 4 years ago here, where it seems to be solved, but no explanation how. Please let me know how. Thanks!
Hi,
You mean the logo image? If so, Total adds this to the translation “strings” so you should be able to translate it that way – https://wpml.org/documentation/getting-started-guide/string-translation/
If you added your logo image via the Customizer you should see it in your string translations when searching by “Theme Mods” – https://cl.ly/pc37 (in WordPress Customizer settings are called theme mods).
- AJ
Oh, if you are using a “text” logo then you would still change it in the string translations but under “Blog Title” – https://cl.ly/pd9N
- AJ
I actually just renamed this group from “Theme Mods” to “Theme Settings” for the next update – https://cl.ly/pdBR – which should be easier for people to understand
- AJ
Thanks for the quick respons! This did the job! I was looking for the url of the picture instead of the ID of the picture. By going to Theme mods, I found them! thanks!
No problem and for the logo you can enter either the ID or the URL the theme will check first if the value is an ID and if not it will render as a standard URL.
- AJ
Hi Aj,
Do you have any idea why when i modify anything (texte,image,...) in a page with visual composer, just after that the page refresh and goes at the bottom :/ It’s a little bit disturbing
Thanks, Th
Hi,
This was a bug when WordPress 4.9 was released but was fixed right away.
Is your theme and bundled plugins all up to date?
- http://wpexplorer-themes.com/total/changelog/
- http://wpexplorer-themes.com/total/docs-category/updates/
- AJ
){kind=link}