Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,232 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

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

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.

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

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

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.

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 :D

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!

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?

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

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