22383 comments found.
Hey AJ, quick question. I upgraded Font Awesome to the Pro version since I wanted to use the light version of the icons. Is there a way to add Font Awesome Pro to the website so it can use this version instead? Tried to do a search and didn’t see an answer on adding this. Is it possible to add the package to the site so all the Visual Composer elements will use the new icons? Thanks for the help!
Hi,
I am not sure what you are referring to when you say “Font Awesome Pro” is that a specific plugin?
Adding custom icons to the Visual Composer is actually pretty complex. Here is an example: https://wpexplorer-themes.com/total/snippets/add-custom-font-family-icon-box/ What modules are you trying to use it with? Because rather than loading an entire Font Awesome script it may be best to simply use the SVG files instead.
- AJ
speed of scroll – I know I can use a function to adjust the local scroll speed but where is the function to adjust the chevron circle scroll up icon that can be enabled?
Hi,
There isn’t a setting in the Customizer to adjust the scroll speed but it can be done via a child theme using a little code. Example: https://wpexplorer-themes.com/total/snippets/scroll-to-top-speed/ - AJ
Hi,
How do I Disable /search/ url function because when I add a page under Search it gives me a 404 error?
For example http://webiste.com/search/map/ (this gives me a 404 not found)
I have already installed https://wordpress.org/plugins/disable-search/ but still does not work.
Any advise would be appreciated.
Thanks
Hi,
The plugin you need is this: https://wordpress.org/plugins/disable-search-slug/ Or if you have a child theme – http://wpexplorer-themes.com/total/docs/child-theme/ – the code to use looks like this:
add_action( 'init', function() {
add_filter( 'search_rewrite_rules', '__return_empty_array' );
} );
Reference: https://developer.wordpress.org/reference/hooks/search_rewrite_rules/ After installing any plugin to disable search or adding the code you do have to go to Settings > Permalinks and click the save button.
- AJ
Thank you thats exactly what I needed.
Hello A.J.
(I have replied to an old comment but maybe you don’t get notified after a while, so I am writing this as a new comment.)
I have just made the latest updates for Woocommerce and Total and have 2 issues:
1) Search bar in the Header Aside section. Can you please check on our website: www.someka.net You can see it on the top right section. Even though I have selected the Woocommerce search, it doesnt display “Search Products” as a placeholder. Besides that weird “Search” text has come below the button. And I can’t hide that “Search” text with CSS either as it doesn’t have any id or class.
2) Woocommerce images got blurry. (I left unchecked the customizer option to replace image resizing with Woommerce functions but they got changed anyway)
Thanks in advance
Hi,
- It should say “Search” and not search products to keep consistency with the default header search function, but you can easily alter it:
add_filter( 'wpex_get_header_aside_search_form_placeholder', function() {
return 'custom input text';
} );
- The search text is a theme bug, thanks for letting me know. The closing span for the screen reader text was closing too early. Here is the fixed file – - please replace under Total/partials/header/ – you will have to replace this file as well for the snippet above to work.
- They shouldn’t get changed, can you double check your settings under Theme Panel > Image Sizing > WooCommerce. And share the URL so I can have a look at the sizes currently showing?
- AJ
Hello. I can’t see the fixed file. You have pasted a link? (maybe it got removed)
And here is the link for you to check image sizes: https://www.someka.net/excel-template/restaurant-financial-plan/ (they look blurry now)
Hi AJ. I cannot see your link or file here. Can you please let me know. Thanks.
Sorry about that! Here is the fixed file: https://cl.ly/3e2816051O1n
Themeforest has been having issues in the comments with links. I do plan on updating Total to version 4.7.1 asap though.
Regarding the images, they aren’t blurry in of themselves, the issue you see is just downsizing from the browser. When the browser downsizes images (some browsers are worse than others) it can cause some blurriness, especially with text-based images.
The only way for the images to look 100% perfect on all browsers is to prevent all downsizing. Right now your images appear to be cropping to 768px wide but the container is only 727px – https://cl.ly/2H1h1Q0x291I – so cropping it to 727 should make it more “crisp”.
- AJ
Hi again. Fixed file works good. Thank you.
And regarding the blurry images, I have Disabled the srcset attribute with theme panel option. All images look much crispier now (sometimes too much though but thats related with my original size I guess.. Anyway, better than blurry images)
As I have disabled it now, I want to ask if there may be other consequences? I dont see any problems so far but wanted to ask you in case. (I see that, in other comments, you find srcset feature not very reliable so I just moved forward)
Just a quick question: Is there any way to show a small magnify icon or something similar on top of my woocommerce gallery image on product page. I want to encourage the user that the image is clickable and expandable. (they mostly dont click on the images as they are not aware of it) Any ideas on this?
Thank you!
Hi,
The srcset function in WordPress is supposed to create alternative image sizes for mobile devices to speed things up. Which can work good on standard blogs where you are basically just changing the main featured image, but WordPress applies it site-wide and can cause issues but also bloat up your server with thousands and thousands of image variations, I personally don’t recommend it. Also with retina mobile devices showing larger images is better in terms of quality. Rather than making images smaller using a faster host is best 
If you disable the Total lightbox and use the default WooCommerce script (option in the Customizer to choose the lightbox type) it adds an icon by default. But otherwise it’s very easy to do with some Custom CSS using the ::before pseudo tag, either by using an external image for the icon or using the font awesome search icon which would be content: ”\f002”;
Plugins compatibility problem
Currently I have a compatibility problem with two plugins, I bought the plugin the WooCommerce Gravity Forms Product Add-Ons Versión 3.3.3 to modify the prices in the purchase of a product and get additional information. The problem is that the price update does not work when you have the “WPBakery Page Builder Version 5.5.1” plugin turned on. I have visited the WPBakery page and it indicates that if the plugin is integrated into the theme I should contact the Theme support.
Could you please help me solve this plugin conflict problem?
I have opened two tickets but I have not received a response, nor a ticket number to follow up.
I would appreciate if you can give me support.
Hi,
This is AJ the theme developer. Looks like the ticket is assigned to me. I will log in and have a look right now and get back to you.
- AJ
Hi, I purchased the 4.7 version of Total and I have a problem when trying to install the required plugins. I have an error message saying that the destination folder already exists and that a higher version of WPBakery Page Builder is needed for this theme. The system also tells me that Templatera requires Visual Composer plugin to be installed and activated but I don’t see Visual Composer in the framework/plugins. Do I have to purchase it separetely? It wasn’t the case for the previous versions that I have used (and love!!). Many thank in advance.
Hi,
No you do not have to purchase it separately. If you are getting this error ( destination folder already exists) it’s because you already have the plugin installed (did you have the WPBakery/Visual Composer plugin prior t installing Total?)
You should delete the old version of the builder, because if you got it from another theme it could be highly modified and cause issues. The version included with Total is 100% unmodified so you want to make sure you are installing the correct one.
If you still get an error after deleting the old plugin or if you don’t actually have the plugin on your site already then there could be a server issue causing WordPress to return that error message in which case you would have to fix it or manually install the plugins via FTP (you can locate them in the theme under Total/framework/plugins).
If you want you can also open a private ticket for us to help with the installation – https://wpexplorer-themes.com/support/ - AJ
From your experience is there a need for a word press blog user to add other ping service for the blog and or rss feed apart some what comes in the installation. Regards Thomas
Hi Thomas,
Not necessarily, although I do personally use and recommend FeedBurner as the primary feed to link to – https://feeds.feedburner.com/wpexplorer-feed – it’s more visual than the default WP feed – https://www.wpexplorer.com/feed/ – and there are buttons for users to subscribe. But I wouldn’t remove the default WP feed because a lot of other services will still look for it.
That said, feeds aren’t super popular anymore. Creating a newsletter is more important. But it does depend on your website/niche.
- AJ
Hi,
Actually i got a new issue with the wpex-portafolio. Since the last update i got this message: “Fatal error: Call to a member function escape_string() on null in /htdocs/wp-content/themes/wpex-portafolio/login.php on line 5”. It’s not an issue from our ends because we changed nothing. Is it possible that you provide us a support on that issue please?
Many thanks,
Thomas
Hi Thomas,
The Portafolio theme doesn’t have a login.php file – https://cl.ly/tRD0 – this file must have been added by someone else and thus the error is coming from the custom code in there.
If you hired a freelancer to help with the site it’s possible they added this file into the default theme instead of doing it correctly via a child theme.
- AJ
AJ – How do I use the Advanced Query to do this for the post type grid?
post_type=page&post_parent=$post->ID&posts_per_page=-1&order=ASC&orderby=menu_order
I need $post->ID to be the current page id.
Nevermind, I used a filter:
add_filter( 'vcex_grid_query', function( $args, $atts ) {
$atts['lesson-archive'];
$args['post_parent'] = wpex_get_current_post_id();
return $args;
}, 10, 2 );
Is this the best way to do this. I’m a bit confused on how I used the $atts. I assigned the module an id of ‘lesson-archive’. Is that the right way to use it? What if I needed to add in more filters for a different module just add a whole new filter or write the conditions inside this one filter?
Hi,
No this isn’t the best way because it will target ALL the grids. The $atts variable returns the values of all the settings from the grid module.
If you enter print_r( $atts ) save and view the live site you an see all the attributes on the live site for reference – https://cl.ly/tR6D
So you can see the “key” for the Unique ID ( https://cl.ly/tSCs ) is actually “unique_id” so you can check for this in the filter to ONLY target the grid with this unique ID like so:
add_filter( 'vcex_grid_query', function( $args, $atts ) {
if ( isset( $atts[ 'unique_id' ] ) && 'lesson-archive' == $atts[ 'unique_id' ] ) {
$args['post_parent'] = wpex_get_current_post_id();
}
return $args;
}, 10, 2 );
Make sense?
- AJ
Yup. Got it. Thanks.
Great! If you have any followup questions let me know!
Hi AJ,
Still loving your theme. It just keeps getting better.
I believe that my question will be a quick answer for you. I am trying to edit the CSS and create the HTML markup for a contact form using this site’s tutorial: http://www.wpsnippet.com/creating-responsive-two-column-form-using-contact-form-7/
My issue is that I don’t know where to put this code, what file, and how do I access that file (via FTP/WP dashboard)? Is it correct to assume I need to be working off a child theme?
Also, I need to add the google tracking element for the send button, which means I need to put this code somewhere: https://contactform7.com/tracking-form-submissions-with-google-analytics/
Could you tell me where to put this within the theme?
Thank you again. You really do a great job with your product.
J
Hi,
I’m glad you still like the theme 
- Regarding the form CSS there are already classes you can use in the theme so you don’t have to add extra code to your site. Please see here: https://wpexplorer-themes.com/total/docs/contact-forms-with-columns/ * You can place the extra code under Theme Panel > Custom Actions under the wp_header filter. Or you could add it via your child theme if you prefer targeting the hook yourself – https://codex.wordpress.org/Plugin_API/Action_Reference/wp_head - AJ
Thanks AJ – I’ll give it a try 
Hi AJ – thanks! that dual columns grid is very easy to use.
Oh great! I’m glad you found it easy to use 
Hi AJ, I’ve just updated the theme however I am having a bit of a problem on one of my variable WooCommerce products. The problem is the stylesheet doesn’t load in when viewing the single product so the page is completely unformatted: http://sensushair.com/product/ammonia-and-ppd-free-cosmetic-cream-toner/ Normal (non-variable) products seems to display fine. Is there a fix do you know I can apply here? Cheers, Chris.
I’ve tried recreating the Variable product but no luck – the stylesheet doesn’t load in and the page is unformatted. If I change the product to a Simple product the page displays fine. It’s like the whole header is not loading in. Could you please take a look?
Hi,
You are correct that the entire header is missing from the source cod, this can happen if there is a PHP error at the top of the page. If you enable WP_Debug – http://wpexplorer-themes.com/total/docs/enabling-wp-debug/ – do you see any errors?
I’ve never seeing the issue before so my guess is that there is a PHP error but it could be a plugin/child theme related error as well.
- AJ
A plugin called ‘WooCommerce Catalog Visibility Options’ by Lucas Stark which I was using to hide the prices is causing this to error. I’ve disabled it and its working fine now. thanks for your advice, cheers.
Hi AJ – it’s been a while since I needed your help. I hope it’s because your theme just keeps getting easier to use (or, maybe I’m getting better at managing the css myself!).
Anyway, I’m getting stuck trying to alter the gap between the thumbnail images in the ‘Related portfolio items’ grid.
I need to have a gap of 5px top/bottom/left/right
Can you help please?
Hi,
You can do this with a little CSS like this:
#portfolio-single-related .wpex-row {
margin: 0 -5px !important;
}
#portfolio-single-related .col {
padding: 0 5px !important;
}
I will look into making this functionality available via PHP though in the next update as I’m sure others may want to do this 
- AJ
Excellent – this worked but I needed to fiddle a little bit to make the vertical space 5px:
portfolio-single-related .col { padding: 0 3px !important; margin-bottom: 5px !important; }
Excellent support as always! Many thanks.
Oh yes I forgot to add the bottom margin
Good catch!
Hi AJ, I’m trying to set a featured image full width out of it’s container. It works, but it’s not automatically full width. It doesn’t work well on larger screens. http://snakeshusband.nl/menscentraal-of-ecocentraal/ Is it my css or am I missing something, is there a snippet I missed?
I make use of post media caption, and that isn’t allways set in the middle. Quite messy. I think it’s my css, but I can’t figure out another way to accomplish this.
Thank you, Tonny
Hi Tonny,
This is what I see: https://cl.ly/tR3y – which looks what I imagine you want. Did you already manage to fix the issue? Or are you seeing issues in other browsers (I checked Chrome and Firefox).
- AJ
Hi AJ.
Wondering if you’re closer to releasing WP Bakery 5.5.2 yet. I went to your change log page, but I don’t see an update yet.
The reason I ask is I’m having an odd display issue with my website mrtownhome.net home page (real estate map search and a gallery slider plugin not working properly).
Naturally, when discussing the issue with the provider of the plugin (iHomefinder IDX property plugin), they want the WP Bakery plugin updated so they can see if the issue goes away, or turn off the plugin to see if issue goes away however, I refrain from doing that as my site uses the WP Bakery on over 500+ pages.
I have a few sites with the Total theme, where I’ve purchased WP Bakery separately just to make updating easier. Although those sites don’t use this IDX plugin, I haven’t experienced any display issues with those sites after updating WP Bakery to 5.5.2.
Thanks as always!
Frank
Hi Frank,
The update should be ready any day now 
Regarding your issue though…you can clearly see the javascript errors in the browser console (not sure why the plugin developer didn’t check this) – https://cl.ly/tRK6 These issues aren’t coming from WPBakery, the errors are most likely coming from the breeze-minification plugin. Something is causing jQuery to load at the bottom of the site, yet there is a script (bundle.js) loaded in the header which requires jQuery to load before it and thus breaking Javascript functions on the page such as the slider and map search.
Can you disable the minification plugin and clear the cache to check?
- AJ
I really appreciate you looking at this, as the “tech” from iHomefnder recommended the a-typical “deactivate each plugin one by one to see of the problem disappears.” I’ll remember to use the developer tools the next time I have an issue. I owe you a steak dinner as the Breeze plugin was causing the problem (breeze is Cloudways cache plugin). It was working fine in the past, so a recent update with the IDX plugin obviously isn’t happy with Breeze. I’ll let Cloudways know too. Thanks again!
Hello,
I want to hook the breadcrumbs to the “wpex_hook_footer_before” in order to have it just before the footer area on all pages.
So i add this function on my functions.php file on child-theme.
— // Display breadcrumbs before footer
function my_bottom_breadcrumbs() {
wpex_display_breadcrumbs();
}
add_action( 'wpex_hook_footer_before', 'my_bottom_breadcrumbs' );
—
Am i doing something wrong?
Thank you
Hello, any news?
Hi,
Here is a good sample snippet – https://wpexplorer-themes.com/total/snippets/move-breadcrumbs-trail/ – you need to make sure the breadcrumbs is first set to a “custom” position.
You can either do it using the filter like the example or you can select “Custom” position in the Customizer.
Let me know if you have any followup questions.
- AJ
Hello,
Thanks for the snippet i used it exaclty as it is on my functions.php on child theme with the only difference that i removed the custom position as i am doing it from customize, and hook the footer_before instead of content_before but is not showing anything.
— // Move breadcrumbs add_action( ‘init’, function() {
// Remove from page header - see framework/hooks/actions.php
remove_action( 'wpex_hook_page_header_inner', 'wpex_display_breadcrumbs' );
// Place breadcrumbs before footer / You can use any hook you want see framework/hooks/hooks.php
add_action( 'wpex_hook_footer_before', 'wpex_display_breadcrumbs' );
} );
—
Hi,
I hope you had a nice weekend 
Oh yes sorry if you are using a custom location from the Customizer you can’t use “wpex_display_breadcrumbs” you need to call the template part as such:
// Move breadcrumbs
add_action( 'init', function() {
remove_action( 'wpex_hook_page_header_inner', 'wpex_display_breadcrumbs' );
add_action( 'wpex_hook_footer_before', function() {
wpex_get_template_part( 'breadcrumbs' );
} );
} );
- AJ
I am not sure but on my website the Page Title Background Image if set to Fix Cover can’t work properly. The background image just not stay fixed. The Fix center, top, bottom work well.
Hi,
I can’t locate an example on your site can you share one?
This demo – http://totaltheme.wpengine.com/paris/ – uses fixed cover backgrounds and work when I check, do they not work for you?
- AJ
Is that page setting from Customizer? It is actually the Fix Cover that use for Blog post to Featured Image as a background.
No on the Paris demo those are just rows with fixed backgrounds. But the fixed backgrounds should be working in the same way across the whole theme.
I’m not sure what you are referring to, do you have a live example?
- AJ
Ok i will reproduce the issue now. You can take a look at https://www.wpthaiuser.com
I see the stretched class – https://cl.ly/tR8y But it’s missing the fixed classname.
It should look like this – https://cl.ly/tRm4 With the “bg-fixed” classname. Can you make sure you are selecting the “fixed center” option as in my screenshot?
- AJ
note: Fixed backgrounds are not fixed on mobile because on many devices fixed backgrounds can cause the site to crash.
I didn’t choose the Fix Center because I was meant to use “Fixed Cover” this issue happen only with Fixed Cover background. So you mean the Fixed Cover can’t be use?
I understand that it not work on mobile.
Ohh…”Fixed Cover” is supposed to say “Stretched” – https://cl.ly/tSig – ALL the Fixed backgrounds are cover style so Fixed Center would still be set to cover mode.
Sorry for the confusion! And thanks for the heads up, I fixed this for the upcoming update.
- AJ
Damn it AJ. Take some holiday 
Thank you so much. -Emily

does this theme support microdata? when i add microdata in the text block settings, it disappear after I saved it.
If you are using the “text block”, WordPress strips out the html unless you use the “text” tab – https://cl.ly/tSjw What are you trying to do exactly? Because depending on what you are doing using JSON via a plugin or child theme may be best.
- AJ
Hello,
Can I use percentage (%) for font size?
When I set the size to 1em, it makes the font tiny. Shouldn’t it be 16px?
Thanks, lovin’ the theme!
Hi,
Where exactly are you setting the font size to 1em. When using em values it all comes down to the Body font. So the default body font size is actually 13px. But you can go to Appearance > Customize > Typography > Body and set the default to 16px this way the em values will be based on 1px not the default 13px.
- AJ
Oh, and the whole theme is coded using EM values by default, so when you do alter the default body font the fonts on the whole site should grow accordingly 
Nice! That solves it. Now that’s attention to detail. Thanks AJ!
Happy to help, if you need anything else let me know!
Hi, My Portfolio doesn’t show more than 16 items. Is there any limits to define?
Can you share a link to the page in question? Thanks!
Still in dev
Well, if you are using the Portfolio Grid module via the page builder than you simply need to change the number of items shown via the Query tab – https://cl.ly/tRBh
You can enter -1 if you want to display ALL items or you can enable the pagination option if you have a lot of items so you can browse through all the items using standard pagination buttons (1,2,3,4..)
Ok thanks! What about changing the order from ascending to descendin?
You can find this setting as well in the Query tab – https://cl.ly/0t2N1H1c0M2y