Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,048 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22359 comments found.

HI AJ, I am looking for a way to slow down the lightbox transitions. Is there a simple way to do this? Many thanks.

Thanks! Turning them off is actually quite a good option. Is it easy for you to help me with the code for slowing them down, as an option? I’ve had a few people ask me about this! Cheers.

Hi,

Sure, you can modify these with a little code. I just posted a snippet for this here – https://wpexplorer-themes.com/total/snippets/ilightbox-affects/

So you would add this code to your child theme – http://wpexplorer-themes.com/total/docs/child-theme/ – and just incase the number values to make things slower. Specifically the switchSpeed which is used when moving from one image to the next in the gallery style lightbox.

- AJ

That’s perfect, thanks so much for your help!

Dear support, I would like to point out an issue that is bothering me. In the mobile version of my site, if there is a submenu and the top-level menu tab is not clickable, someone has to click on the arrow for the submenu to open, although the header tab looks like a link. Can this be fixed?

Hi,

The reason for this is because most people have links on the parent items so if you click and it opens the toggle and also opens a new page it’s very confusing and just doesn’t work. That’s why there is an arrow instead.

But you can easily change that by adding the following code to your child theme – https://wpexplorer-themes.com/total/snippets/sidr-dropdown-target/

- AJ

Thank you so much! You answered back just a few hours after I posted the comment, with a permanent fix for my problem! Best regards

Hi AJ, I have a problem with the local scroll menu. Mainly I’m using a Onepage. There, everything works fine. When I press a menu-button it scrolls smoothly towards the section. But, I also use Portfolio-Pages. If I press a menu-button there, the onepage is loaded somewhere in the middle, then it starts scrolling to the right section.

Question: How can I achive to the the onepage right at desired section, without scrolling?

Thanks a lot. Tho

Hi,

The links should load at the top of the page then scroll like this – http://totaltheme.wpengine.com/freelancer/#home-team

Make sure in your menu you are using the full URL’s with your site in the url and not just the local scroll part.

Example: https://cl.ly/o3Oh

If you are and still have issues please share the URL so I can take a look.

- AJ

Hi Our Client Bought this theme, the only problem we have is, the background or changing colors on the site is a problem. even when we go to Appearance > Customize > General Options > Accent Colors the color picker doest drop drop down and this also affects visual composer background colors. what could be the issue?

Hi,

This isn’t a known issue.

The Color Picker is a WordPress function and not a theme function so if it’s not working it’s either due to an outdated site or a plugin causing a javascript error on the site breaking it.

My recommendation is to make sure everything is up to date on the site (WordPress, themes and plugins).

If you still have issues try de-activating any 3rd party plugins to make sure none of them are breaking the Customizer. And check the browser console to see if there are any errors in there that could help troubleshoot the issue.

- AJ

ps: Support is for valid customers only so if in the future you need help please log in with the account used to make the purchase or purchase your own copy so you can receive help, thanks! (ps, the theme is 50% off right now).

Hi

Woo Products Carousel Module Always Displays a button with label “select options” There is no option in the module to change that. How can we change the label to “buy now” or “shop” or our custom label?

Also, General Theme Options > Accent Colors How to set the buttons color to be different from the rest of the theme elements like text?

Thanks M<

Hi,

So this module displays the products exactly how they display by WooCommerce by default, it’s not possible to add settings to the module to alter these things because the module pulls the data straight from WooCommerce and you can’t pass any settings to it to disable the buttons.

You have some options:

1. If you want to remove all buttons from the site go to Customize > WooCommerce > Shop & Archives and here you can disable the button via the last setting named “Entry Button(s)”

2. If you only want to hide it for this carousel module then you can use CSS to target this module only.

You can change the buttons separately under General Theme Options > Links & Buttons – https://wpexplorer-themes.com/total/docs/button-colors/

- AJ

Hello A.J. Last week we updated the theme based on the email we got from ThemeForest on Nov 18. Then we got another email from them this past Monday, just after having renewed our support. We just looked at the installable files and the size is the same as the Nov 18 ones. So I’m wondering if the email this past Monday is just an automated email post-renewal i.e. we might have the latest version already. Wordpress says it’s version 4.5.2.

Did you put a new one out there? Edmond.

Thx A.J. Cool, I didn’t know there was this easy way to update!! The license has been entered and the update is being done now… Have a good weekend. Edmond.

Ooops… spoke too quickly: Wordpress is giving us the following message “Update failed. Download failed. Prohibited” ??

Never mind. We tried again and it went through the 2nd time. All good. Thx AJ

Hi, I create website design for sale. I create blog site: http://blog.masterstudio.az/

But I have some problems.
1) Blog carousel is not responsive (In header) I use that 2 grid for tablet and etc but it is not enough me. How can I change tablet screen resolution or how can I add css for it that (in 900px – 1100px show 3 grid or etc) In blog grid I set width 33% and it works perfect, but in carousel I cant

2) I want to add acf field after date or before title in blog grid. Can I do it with function.php? For example my field name is “demo”. How can I add it to after date?

Thank you very much AJ. I spend my saturday and sunday with work your snippet documentation. Those are very amazing. But I need some helps about some topics.

1) I do this snippet – Tweak Post Types Grid Total VC Module Output/ But can you say me that how can I add two snippet in same time, I try many method but cant. For example one snippet for after media and another snippet for after date. I cant use same time them. This is my codes: https://cl.ly/1410170d130A

2) You can show that my site homepage I add blue background category names over blog images. I add this category with previous snippet. But I can only add this category after image, not before image. (I use margin option now). And this is not good for responsive. Is that possible add any feild before image?

3) I find that to add new meta to single post meta sturcture in snippet. But Again I cant add 2 meta in same time. Can you help to edit this code? I change prefixs, but then disable date author. This is my codes: https://cl.ly/3V3b0F2B150V


4) Can I create new overlay image? Or can I add any field to overlay image?
5) And finally, I want to add infinite scroll for post. When post finish begin new post. I use Auto Load Next post plugin. But It doesnt work. This is my example post. What do you thing that Do I write wrong divs? https://cl.ly/2H2D2W351H09
https://cl.ly/35200E3X3S0e
Blog: http://blog.masterstudio.az/fotoqrafliq-seneti-ve-onun-hec-bilinmeyen-sirleri/

Hi there,

1. The reason it’s not working in the second function is because you are using ”$blocktwo” but it should still be ”$blocks” since that’s the variable passed to the filter (more docs on how filters work here – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/)

But you can just place them both in the same function like this:

add_filter( 'vcex_post_type_grid_entry_blocks', function( $blocks, $atts ) {

    // Add new section after media
    $blocks = wpex_array_insert_after( 'media', $blocks, array(
        'custom_block' => function() {
            return '<span class="kateqoriya">'. get_the_category( $id )[0]->name .'</span>';
        }
    ) );

    // Add new section after date
    $blocks = wpex_array_insert_after( 'date', $blocks, array(
        'custom_block' => function() {
            return do_shortcode('[views]');
        }
    ) );

    // Return blocks
    return $blocks;

}, 10, 2 );

2. To add a field before an image instead of using “wpex_array_insert_after” use “wpex_array_insert_before” ;)

3. Same issue you need to make sure that your variable always matches the variable passed tot he filter – https://cl.ly/o5iO

And you can also combine them so it’s more efficient:

function myprefix_entry_single_meta_sections( $sections ) {
    $sections['new_section'] = function() {
        $icon = '<span class="fa fa-book" />';
        echo $icon;
        echo  do_shortcode('[rt_reading_time label="Reading time" postfix="minute" postfix_singular="minute"]');
    };
    $sections['new2_section'] = function() {
        $icon = '<span class="fa fa-eye" />';
        echo $icon;
        echo  do_shortcode('[views]');
    };
    return $sections;
}
add_filter( 'wpex_blog_entry_meta_sections', 'myprefix_entry_single_meta_sections' );
add_filter( 'wpex_blog_single_meta_sections', 'myprefix_entry_single_meta_sections' );

4. Yes you can, see here: https://wpexplorer-themes.com/total/docs/create-new-overlay-styles/

5. ul.post-navigation is incorrect because it uses a nav element see here – Hi there,

1. The reason it’s not working in the second function is because you are using ”$blocktwo” but it should still be ”$blocks” since that’s the variable passed to the filter (more docs on how filters work here – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/)

But you can just place them both in the same function like this:

add_filter( 'vcex_post_type_grid_entry_blocks', function( $blocks, $atts ) {

    // Add new section after media
    $blocks = wpex_array_insert_after( 'media', $blocks, array(
        'custom_block' => function() {
            return '<span class="kateqoriya">'. get_the_category( $id )[0]->name .'</span>';
        }
    ) );

    // Add new section after date
    $blocks = wpex_array_insert_after( 'date', $blocks, array(
        'custom_block' => function() {
            return do_shortcode('[views]');
        }
    ) );

    // Return blocks
    return $blocks;

}, 10, 2 );

2. To add a field before an image instead of using “wpex_array_insert_after” use “wpex_array_insert_before” ;)

3. Same issue you need to make sure that your variable always matches the variable passed tot he filter – https://cl.ly/o5iO

And you can also combine them so it’s more efficient:

function myprefix_entry_single_meta_sections( $sections ) {
    $sections['new_section'] = function() {
        $icon = '<span class="fa fa-book" />';
        echo $icon;
        echo  do_shortcode('[rt_reading_time label="Reading time" postfix="minute" postfix_singular="minute"]');
    };
    $sections['new2_section'] = function() {
        $icon = '<span class="fa fa-eye" />';
        echo $icon;
        echo  do_shortcode('[views]');
    };
    return $sections;
}
add_filter( 'wpex_blog_entry_meta_sections', 'myprefix_entry_single_meta_sections' );
add_filter( 'wpex_blog_single_meta_sections', 'myprefix_entry_single_meta_sections' );

4. Yes you can, see here: https://wpexplorer-themes.com/total/docs/create-new-overlay-styles/

5. ul.post-navigation is incorrect because it actually uses a nav element see here – https://cl.ly/o4aQ – everything else looks fine though. If you change that does it work? If not I can install the plugin and test it myself to see what’s going on. Oh, and you may have to change the .single-blog-content to use #single-blocks instead as well.

- AJ

Very thank AJ, But you can this videos for what a problems.

1) Video: https://cl.ly/1V2R2r0y3w0B

2) I know it, but it doesnt work with media. Strange Video: https://cl.ly/3z1q233o3M2c

3) Excellent!

4) Great

5) I think this pulgin dont support Total, or you can view it as developer

Hi AJ, ich have a problem with the auto-responsive font-size function. After I activate the responsive option and type in a minimum font-size of 20px I save everything, but on all devices the font-size stays the same, which looks pretty ugly, when watching it on mobile devices. By the way, I use the text-editor but also on the title editor, nothing happens.

Hi,

Can you share the url with the text so I can see? The option will only change the font size if the text doesn’t fit on the line.

If you want to control the actual size on mobile devices disable the responsive font size and use the other settings instead. Example: https://cl.ly/o46D

- AJ

Hey! How I can use grid’s template for archive pages like https://artkept.com/artist/stanislav-zagorodnikov/ ? Or what other ways for better customising archive sections?

Hi,

You can do this using some code (which I can help with if you prefer to use child theme code).

Or you can use a plugin like this – https://codecanyon.net/item/custom-page-templates-new-way-of-creating-custom-templates-in-wordpress/20133287 – to replace category pages with a custom template.

- AJ

Hello, I’m totally new to Wordpress and themes, the website I want to create is quite simple that I only need to show a company portfolio and submit contact form, so I was wondering if this is the right the theme for me? Will there be any problem if I dont update my theme once new updates come out, as I can see every time a new update come out, new issues show up as I have been following up with so many comments for different themes on Themeforest, Please advise to extent could this website be affected if I stopped updating it? I’m creating this website for a client and I dont want to be fixing issues all the time. Sorry for asking so many questions but I’m really worried. Thanks!

Hi Timmy,

  • We have a lot of customers new to WordPress that have created beautiful sites with the theme. It really comes down to the willingness of the customer to learn how to use WordPress and the theme.

Here are 2 main videos that should help you:

And of course since this is a website you are making for a client then you should be willing to put in the time and charge your client accordingly.

  • You should always keep your theme up to date but you can update easily via your WordPress dashboard with 1 click. 1 reason is because of security patches but also because whenever WordPress updates the theme may need to be updated to fix bugs caused by the WordPress update.

99% of the time issues people have when updating is user error or server related error. The other 1% could be a theme bug but if it is a theme bug it will be fixed up.

Updates to themes are done via development sites so if there huge issues it would be noticed on the development site or the live site (we update the demos before releasing the update to the customer).

You should never update a theme and have the site crash or break unless the update was somehow done manually and incorrectly or there was a server error that caused the crash and not the actual update.

Of course this is how we operate, not all theme’s are the same. Total is a very well coded theme and we spend an entire day making tests before releasing any major update.

Remember also that what you see in the comments are only the people having issues which is a very very small percentage of the 28,000+ active customers which don’t ever have problems ;)

  • If you are creating a website for a client you should either not provide updates for them (they should handle updates on their own and if there is an issue they need to fix it either themselves or by hiring a freelancer) or you should be charging a monthly maintenance fee so if there is an issue you can fix it (if it’s theme related you would open a ticket with us so we can help).

If you are new to client work, make sure you have a good contract written that you use with your clients that states everything included and everything not included. I see you are in the U.S.A (like me) so it’s especially important to have this contract to prevent any potential law suit.

- AJ

Hi Recent updates have done something to the fonts.php file.

Warning: in_array() expects parameter 2 to be array, string given in… ...wp-content/themes/Total/framework/helpers/fonts.php on line 219

This line of error shows on the top of the screen when inside the Customizer.

Maybe related, but some of the Social icons options are not appearing for the Top Bar > Social. For example, the Tumblr option.

This error is most likely coming from a child theme modification.

If you are using the “wpex_google_fonts_array” filter in your child theme to remove google fonts or alter them you need to make sure it returns an empty array not a false or null value.

Example:

add_filter( 'wpex_google_fonts_array', '__return_empty_array' );

Can you double check your child theme edits? Or replace the mentioned file with this one via FTP – https://cl.ly/o3ah – I added an extra check to prevent any errors for the next udpate ;)

There isn’t any option for Tumblr in the top bar settings, did you add your own via the child theme? I just tested with the following code and it works just fine for me:

add_filter( 'wpex_topbar_social_options', function( $social_options ) {
    $social_options['new-option'] = array(
        'label' => __( 'Tumblr', 'total' ),
        'icon_class' => 'fa fa-tumblr',
    );
    return $social_options;
} );

- AJ

ps: I noticed your support license has expired, you can renew at a huge discount right now, so I highly recommend it ;)

Hi Mate

I was using this snippet from here: https://wpexplorer-themes.com/total/snippets/remove-google-fonts-typography-settings-panel/
add_filter( 'wpex_google_fonts_array', '__return_empty_array' );
// add_filter( 'wpex_google_fonts_array', 'remove_customizer_google_fonts' );

Commenting out the old filter and using the one you provided above fixed the error.

The Tumblr options was taken out from version 4.4.1 in the file: framework > arrays.php This was in 4.4 but not 4.4.1

'tumblr'  => array(
            'label' => 'Tumblr',
            'icon_class' => 'fa fa-tumblr',
        ),

:)

Thanks for the new snippet code, works great adding tumblr back.

Oh, I must have accidentally removed Tumblr when adding new options. Sorry about that! I will fix that right now for the upcoming update. Thank you so much for letting me know.

I updated the snippet as well.

I apologize for the inconvenience.

- AJ

Hi Total team,

I’ve been having a bit of trouble with the woocommerce product page layout and the top menu bar in the theme.

Is there any way I can add a small space/divider between the product picture & name, and the menu bar?

http://impetus-promotions.co.uk/product/12mm-printed-wristbands-100pcs-100-free-copy/

Thanks

sorry, just to clarify – by “space” i mean a line break/tab to separate the woocommerce product & the top bar menu

Hi,

Sure you can add a little CSS for a bottom margin on the topbar. Like this:

body #top-bar-wrap { margin-bottom: 40px; }
http://wpexplorer-themes.com/total/docs/making-css-edits/

The reason there is no space by default is because the space is typically added in the header which I see you disabled.

Alternatively you could re-enabled the header and use for example header styles 3 or 4 to have a similar menu – https://wpexplorer-themes.com/total/docs/header-styles/ – instead of using a topbar, this way you can still add your site logo.

- AJ

just purchased it but don’t see visual composer in plugins..help?!

Sorry for the confusion. The plugin was recently renamed by the plugin developers to “WP Bakery Page Builder” but most people still refer to it as Visual Composer. It’s the exact same plugin (just renamed).

During this transition period we are still referring to it as Visual Composer since it’s what most people know it as but we will slowly be updating our docs and landing page.

- AJ

Hi, where do I change the copyright and logo in the footer. In your documentation is says: Appearance > Customize > Footer Bottom. But I don’t have Footer bottom on that list. thanks.

Hi,

So by default this demo is using the Footer Builder function so you can edit it like this – https://cl.ly/o4bN (in this video I’m showing how to edit in the live mode, but because it’s such a small footer it may be easier to edit in the backend – up to you)

Or you can disable the Footer builder if you rather use the native footer widgets and copyright section like on this demo – http://totaltheme.wpengine.com/corporate/

- AJ

I just want my business name at the bottom where it now says: Copyright Your Business LLC. 2017 – All Rights Reserved How do I do that? It’s not in a widget or footer builder. There has to be an easier way that editing the php file.

Hi,

You can edit the Copyright text in the Customizer at Appearance > Customize > Footer Bottom. More info here: https://wpexplorer-themes.com/total/docs/edit-footer-bottom/

If you want the copyright to stay at the bottom you can use the fixed footer option – https://wpexplorer-themes.com/total/docs/fixed-footer/

- AJ

Hello, why some posts has a permalinks with not primary categories? The posts are displayed Post Grid by Visual Builder. Primery categories established with Yoast SEO. https://artkept.com/

Right permalinks should be https://artkept.com/artist/ ...

Hi,

I don’t think the Yoast plugin has built-in functions to alter the permalinks based on the primary category.

What are you using for your permalink settings can you share a screenshot? So I can test locally.

- AJ

Hi Aj, how are you doing?

I have a question.

I want to have an overlay header , but is it possible to add a background color when you hover this area? I want to use an image that does not have many contrast with logo and menu. here you can see what I want. https://www.starkphotography.com/

Thank for your time.

Hi..I have added this to custom css.

site-header.overlay-header:hover {

background-color: rgba(0,0,0,.75)!important }

But when I scroll down, it appear the white header…and still appearing black background in hover. Is it possible to add this hover only to the transparent header?

I messed around and found the solution so…PROBLEM SOLVED! (I have to study more css to work faster hehe…)

site-header.overlay-header:hover {

background-color: rgba(0,0,0,0.3); }

Hello.. I tried to add borders in row or column using row/colum settings ==> design options.. but it always revert back after i save change for settings.. can you help me?

Make sure you are adding the width and also selecting the style otherwise the CSS for the border can’t be created correctly without all the needed info and so the settings get reset. I have a little video here that should help – https://www.youtube.com/watch?v=w3HoQQBZnVI

- AJ

Hi again, separate question: Last week the Header in both Icon Boxes and Teaser Boxes supported the
in the middle of a long header title in order to put a certain part of it one line below (thus a two line header). Is this still supposed to work? The point was to designate the appropriate break point rather than having it just go naturally to the next line when it ran out of space on the first line. This continues to “work” in the preview from my dashboard, but again it is not “taking” and the edit is being ignored on my devices. Of course I’m not a wordpress expert or coder but I just went live with my site (as an addon site to my previous temporary domain name) and I’ve been having lots of problems with edits over the last 24 hours being ignored/not manifesting/etc. Scratching my head :/

Hi,

The text block does support HTML, sorry for the confusion. By simple text fields I mean the 1 line fields in various modules for entering things like the heading in the icon box.

Although generally when adding HTML to the page it is recommended to use the RAW HTML module instead. Although it should work in the text block.

First try adding the code to the RAW html module instead of a text block and see if it works. If it doesn’t contact the 3rd party you are using it’s very likely the error is on their end (especially if it was working before and now it’s not).

If you can share the URL I can test the form and see if I notice anything in the browser as to why it may not be working.

- AJ

Hi, that’s good to know I can still use the html in the text blocks. I had first tried the Raw HTML module but for whatever reason it didn’t work right. (I seem to recall it may have half-way worked, but there was a certain bell or whistle on my form that didn’t come through on using the Raw HTML option-can’t remember exactly.) I’m more than happy to continue using the Text Block option. I’ll assume that my most recent edit to that from earlier today is not manifesting due to whatever is mysteriously causing many other types of edits not to manifest-or in most cases, to manifest only after a massive (usually overnight, or 12 hour) delay. I described that issue more fully in a separate comment. Thanks again for your time. Much appreciated!

fyi, it seem some of my comment words appear crossed out. Not sure why. I didn’t intend to cross them out. Just fyi

Hi,

A row background photo disappeared somehow so I added it back as the background image a couple hours ago and now it is showing up only on my Samsung Galaxy phone and on an Apple iPad, but it is NOT showing on a large (new) Apple desktop monitor or a Dell laptop or a Lenovo laptop. I’ve checked from multiple locations also. Please advise.

Thank you very much!

Hi,

Thank you for your patience.

Can you share the URL and let me know which row it is? Sounds to me like either a caching or CDN related issue.

Did you setup a CDN for your site?

Images should definitely not go missing, the only way that’s possible is if it’s deleted from the WordPress media library or if a CDN was enabled but not really setup right.

- AJ

Hey WPExplorer, I have one quick question even tho my support expired.

Is there some specific way to display code in my blog posts with this theme or I have to pick some plugin or even style my code tags?

If I have to choose between plugin or styling my code tags (https://codex.wordpress.org/Writing_Code_in_Your_Posts) which one will better fit this theme?

If it is a plugin you recommend, which one will integrate well with this theme?

Thx

It is awesome! Have one question.

Do you suggest that if I want to edit the styles, I go to assets and change the prism.css file? I mean, that is the only way right? Styles are fine, just I think some other colors would be better for my design.

If I make changes like that, do I have to upload that modified prism.css to the child-theme folder?

Thx for sharing it, it means a lot to me :)

My home/general layout is BOXED. But I would like to have FULL-WIDTH (without background image) for blog posts only.

I am so close:

function my_custom_homepage_layout( $layout ) { // Make the front-page have a boxed layout if ( is_front_page() ) { return ‘boxed’; } else { return ‘full-width’; } } add_filter( ‘wpex_main_layout’, ‘my_custom_homepage_layout’ );

(https://wpexplorer-themes.com/total/docs/theme-layouts/)

Can you tell me how to remove background image for “else”?

For editing the styles you can edit the prism.css file but if I ever update the plugin you will lose your edits. So it would be best to add custom CSS to override the default styles or de_queue the prism.css file completely via a child theme and then load your own custom css file instead.

If you want a full-width for your blog posts only use this:

add_filter( 'wpex_main_layout', function( $layout ) {
    if ( is_singular( 'post' ) ) {
        return 'full-width'; // Return full-width layout for blog posts only.
    }
    return $layout;
} );

Your code will set the entire site to full-width except the homepage which doesn’t sound like you want and if you did then you can just use meta options to tweak the homepage design instead – https://wpexplorer-themes.com/total/docs/page-settings-metabox/

Then just add some CSS to remove any backgrounds from posts like this:

body.single { background: none !important; }

That CSS targets blog posts only because of the “single” tab.

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

- AJ

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