Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,072 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22360 comments found.

Hello, I just purchased and installed version 4.6.1 of the Total theme and didn’t see where/how to active the WP Bakery plugin. It was’t included in the plugin folder and there doesn’t appear to be another way to install or activate. Please let me know where I can find the plugin.

Hi,

This is AJ the theme developer. Sorry for the delayed reply, my life got a bit crazy…I see you didn’t open a ticket for my support staff to assist so hopefully you got it working!

If not, basically when you install the theme you should see a notice at the top of the dashboard so you can install the bundled plugins as mentioned here – https://wpexplorer-themes.com/total/docs/installing-recommended-plugins/ – if you have any issues with that you can always install it manually. All the bundled plugins are located inside the theme under Total/framework/plugins/ and this specific plugin is named js_composer.zip (it used to be called Visual Composer).

Please let me know how I can be of help with anything you are struggling with or if you have any suggestions or general questions.

Thank you for your purchase and patience, AJ

Hi how to translate “Logout” String on Top Bar to another language

Hi,

This should be available in the translated strings. Are you using a translation plugin on your site already such as Loco Translate or a multi-lingual plugin?

- AJ

Hello, again

I just wanted to ask if there is a nice little trick to set a number of pictures as random page backgrounds. One could set a single pic in the customizer, but I remember some twentysomething-themes which had a random function for certain pictures. I probably could code something myself, but I hope to find a more elegant solution…

Hi,

This is AJ the theme developer. Sorry for the delayed reply, my life got a bit crazy…

There is nothing built-in and while it would be very easy to do via PHP code the best way is using Javascript to prevent any sort of issues with server caching or caching plugins. The only concern would be if you have a globally set background you may see a “flash” when the random image is loaded after the global image, so it would be best to not have a default background image but only a default background color.

Did you already find a solution? If not, I could make a little add-on plugin for this as should only take me about 15-20 mins and I am sure there will be other customers that would like to use this function.

- AJ

Hi,

may be I wasn’t clear enough about my intensions: I didn’t want to change the page background while the page is displayed. I want to load a different background, randomly selected from a number of pictures, every time a page loads. If you would code something which could be used in a child theme and place the code into the snippets section of the theme docs, this would be great.

Thanks again, @AJ!

Hi,

Correct, I did understand you correctly. The problem is when using caching plugins or server cache (all WP sites need caching) if you insert code to the site to load a random image via PHP it could get cached and show the same image every time. Which is why you need to use javascript to add the random image on site load to prevent the same background from being cached and showing every time. Make sense?

And example of this code would be: https://wpexplorer-themes.com/total/snippets/random-background-image-on-refresh/

- AJ

AJ – need you in slack – more sites are having the same issue :/

resend

Logging into slack today. Did you update the file I sent you when updating those other sites? (let me know via slack). I have about 60 comments+tickets to handle and then I’ll get to slack. This has been a crazy month/week for me. I apologize for the delays.

- AJ

thanks – let me know

Hi AJ, I’m building a site with three order forms (Gravity forms) and have them nicely nested inside tabs, as per the client’s request. It works beautifully until there’s an error notification about an issue in the form submission and the tab simply reverts to shut. Is this a question for you or for WP Bakery?

Many thanks!

Hi,

Sorry for the delayed reply, my life got a bit crazy…

I’m not really seeing the issue to be honest and while the tabs look nice I would highly recommend instead having a page for each form and making the pages look all the same then at the top instead of tabs use the Navigation Bar module to add links to each page. This should prevent any conflicts with the javascript, but also you’ll be able to link to each service directly if needed (probably something your client would want to do in the future via social media).

- AJ

Thanks for getting back to me! I’ll figure out the best way forward based on the clients design.

Just let me know what you need help with!

Hi AJ, t’m having a timed out issue that causes 504gateway timeout with Total 4.6 and 4.6.1. It only happen when I’m trying to reach products in the dashboard, basically wp-admin/edit.php?post_type=product

2 copies of the same site, one runs on a shared hosting for their employee to learn and try things and the live one is on a cloud hosting account, The issue or the delay is happening on both but the shared one is giving the timeout at the end and the site in the cloud hosting, just takes so long time to go the products section… The host for both is Siteground.

The tech support at the shared account said that the listing of the Products exceeds our maximum execution time limit of 2 minutes.and he wants me to update to a cloud hosting account.

I have added the following dynamic timeout rules in the root .htaccess file

<IfModule mod_dtimeout.c> <Files ~ ”.php”> SetEnvIf Request_URI “index.php” DynamicTimeout=300 SetEnvIf Request_URI “edit.php” DynamicTimeout=300 </Files> </IfModule>

It did help but it seems that there is something else that is causing it because I still encounter sometimes the same issue on the cloud hosting environment.

This is something new, after the upgrade to 4.6. I have tried 4.6.1 and the same thing happens…. any idea what might be it?

Hi,

Total doesn’t make any edits or add any code to the backend view of products. Also it doesn’t happen when I check and no one else has reported the issue. So I don’t believe it would be a theme related problem.

Does it happen every time you try to reach a product and also does it happen if you switch themes? Additionally do you see any errors in your server’s error log?

One thing I do want to mention is that hosting support staff usually are trained on how to upsell and not so much on actually troubleshooting issues – so before you do anything like that lets figure out what is actually going on. You can submit a private ticket if you want me to log in also to see (WP and FTP logins please).

Where is your site hosted?

Also increasing the timeout is not a good idea. The backend shouldn’t load anywhere near 2 minutes. When testing my total live demos opening a product takes anywhere from 1-3 seconds. You should see something similar if your hosting is decent or maybe 3-10 seconds if you have really crappy hosting.

Oh ya, and do you have any 3rd party WooCommerce plugins active?

- AJ

I narrowed down the issue to Yoast – big difference in admin speed when its deactivated. I like the plugin honestly so it is worth searching for a solution to have it active and speed it up. Any hints would be appreciated…

I have never noticed any slowness when using Yoast SEO. All my sites use it and run very fast. It’s possible there may be a function that’s trying to run on your site but it’s failing so keeps trying over and over but I don’t know of any in Yoast that would do that.

Is the plugin up to date?

Do you have any errors in your server’s error logs that could help track things down?

- AJ

Hi, I have three lightbox/portfolio related questions: 1) I’m trying to modify the style and layout of the Excerpt text in the portfolio image overlay. Do I need to create a Child theme to do this? What’s the easiest way? 2) How do I increase the Excerpt length in the lightbox, but not in the portfolio image grid overlay? 3) I want to have a slideshow of images in one of the Portfolio lightboxes. Is there an easy way to do this? I looked but couldn’t find this info elsewhere. Thanks!

Hi AJ, Thanks for your quick response. 1) On this page for example, http://www.mcsilver.net/portfolio/editor On the portfolio grid “hover” of the excerpt: I want to add line breaks in specific places. I want to adjust the title size (and caps) separate from the excerpt. 2) The lightbox only shows a part of excerpt. How do I adjust the length? Is there a way to have a bigger text box that can show more of the excerpt? It might have to be lower to not go over the player controls or the video. And this might be asking too much, but I’d love for there to be a way to click through from the lightbox to a static (standard) portfolio page. 3) Thanks for those details. Yeah, miss the excerpt, AND I miss not having gallery on the rest of the videos (only one portfolio item is a slideshow). 4) Easy way to to do autoplay on the videos in the lightbox? Thanks for your help and advice! -j

P.S. And just to confirm, the video embed codes don’t work with the lightbox, right?

Hi,

1. Because of how auto generated excerpts work if you want truly custom excerpts the best way is using the excerpt field in WordPress – https://cl.ly/qRaz – this way you can use html and add any sort of custom line breaks you need separate from the post itself.

Altering the title size is very easy with some CSS, example:

body .overlay-title-excerpt-hover .overlay-title { font-size: 21px; }
http://wpexplorer-themes.com/total/docs/making-css-edits/

2. The excerpt length on the Lightbox is going to be the same as on the hover, Personally I would only choose one or the other to prevent duplicate content issues on the site (SEO) but also as it wouldn’t be needed on both. To control the length you can enable the excerpt change the length and then disable it – https://cl.ly/qSeC – the theme uses that same excerpt length to control the excerpt if disabled under the image as on the lightbox and hover.

3. The text box will expand if you have more text automatically. To move the caption you could use CSS to make it static like this:

body .ilightbox-holder .ilightbox-container .ilightbox-caption {
    display: block !important;
    opacity: 1 !important;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

So it would be under the video and not on top of it.

3. Having a link to the portfolio item is going to be pretty complex. This would either require enabling the read more button on the grid and then using javascript to move it into the lightbox. Or customizing the output of the excerpt to add a link at the end of the caption (more doable).

4. Having auto play is very easy see this example snippet – https://wpexplorer-themes.com/total/snippets/add-custom-params-lightbox-videos/

5. And yes, you can not use an iFrame code for the lightbox because it’s impossible to inject it into a link.

- AJ

Hi AJ,

I also was trying to get my instagram pictures to function like you have on this demo:

http://totaltheme.wpengine.com/boxed-folio/

I get 8 images just fine, but when I check on mobile it does not continue to shrink the 8 images as you have it.

Mine goes to 1 image per line which is huge!!

How do I set it up like you have it on that example?

Thanks

Joanna

HI Joanna,

Make sure this setting is disabled – https://cl.ly/qLiJ – if enabled it turns the columns into a singular column on mobile so they are stacked.

- AJ

Thank you AJ

Joanna

Hi AJ,

I’ve just added a ‘directory style’ search bar to my website using the ‘search bar’ module in Visual Composer to use my Angolia search thingy.

Must say that the whole shebang looks rather good, but there’s one item that needs improvement if possible:

The ‘Submit’ part in the search bar settings – is it not possible to replace ‘Search’ with an icon? Preferably one that I’ve found rather than a font awesome one?

Hi,

Here is an example of the code to use:

body .vcex-searchbar-input {
    width: 100%;
    padding-right: 80px;
}
body .vcex-searchbar-button {
    background: url('https://www.midlandsmaidens-escorts.com/wp-content/uploads/2018/03/search.png');
    right: 10px;
    background-size: 65px;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
}

And the result: https://cl.ly/qRkA

Your site is coming a long nicely!

- AJ

ps: You may have to use !important attributes if some of the attributes don’t work or remove any custom settings from the module like the widths.

Thanks AJ!

There were just a couple of !important’s needed in the code, but it’s working perfectly now!

Right, off to find a decent image search image.

Hi – I have also run into the issue with WP Bakery content grids not showing at all anymore after a recent upgrade. You can see the blank white area in the middle of the page here: https://robertrodriguezjr.com/shop/workshops/digital-fine-art-printing/

Any help would be greatly appreciated!!

Hi,

I see a javascript error coming from Stripe – https://cl.ly/qLJE – which is most likely breaking all other javascript on the site such as the loading of your post grids.

- AJ

Thanks AJ, very much appreciated!!

Hi, We have a custom post type called events and we would like the main sidebar to show on the event details page. Here is an example of a page that should have a right sidebar: https://www.whatsbrewing.ca/event/a-night-with-against-the-grain/?instance_id=27189. I tried using wpex_get_sidebar to return ‘main_sidebar’ but that didn’t work. I tried in wpex_post_layout_class to return a class of ‘full-width-main-layout content-right-sidebar has-sidebar’ but that didn’t work either. How is the best way to make the Main Sidebar show on the event details pages? Thank you.

Hi,

This is a singular event (not sure what plugin you are using) but the following code added to your child theme should do the trick:

add_filter( 'wpex_post_layout_class', function( $class ) {
    if ( is_singular( 'ai1ec_event' ) ) {
        $class = 'right-sidebar';
    }
    return $class;
}, 20 );

If not it’s possible the way the plugin is coded is causing some issues, is this a free plugin I can download to test?

This should pull the main sidebar by default but if you wanted to create a custom sidebar for the events you can like this:

add_filter( 'wpex_register_sidebars_array', function( $sidebars ) {
    $sidebars['ai1ec_event'] = __( 'Events', 'total' );
    return $sidebars;
} );

add_filter( 'wpex_get_sidebar', function( $sidebar ) {
    if ( is_singular( 'ai1ec_event' ) ) {
        return 'ai1ec_events';
    } else {
        return $sidebar;
    }
} );

- AJ

Hi, Thank you again for your help. The first suggestion worked. FYI, the plugin is: All-in-one Event Calendar by Time.ly (paid plugin).

Great, Im glad the code works ;)

  • Suggestion for Navigation Bar module **

Hi AJ,

I love the Navigation Bar module. It is very clever of you to provide us with an intuitive way to add the scroll menu.

While the styling options is provided for hover, and I don’t know if this is considered or set somewhere, or not, but I was wondering if styling for the borders, text and background on the :Active selector could be made available to us as well?

Thanks

Joanna

Hi again Joanna,

The problem is because of how it must be coded it’s not possible to add custom styles to the active items inline via module settings, otherwise I would add them.

I am working though on a new Advanced Menu module that will support dropdowns, toggle style, offcanvas and full-screen styles. This will have instead of button styles different menu designs to choose from.

But also…you can always checkout a menu plugin such as this – https://codecanyon.net/item/quadmenu-responsive-wordpress-mega-menu/21315450 – for inserting truly custom menus anywhere or even along with the header builder – https://wpexplorer-themes.com/total/docs/header-builder/

- AJ

Hey there, I love the theme and bought a couple of licenses… Great work!

My recent problem are the drop-down menus with header style 6 (vertical). somehow it does not work, although there are drop-down options for this header style. I tried it on a work-in-progress page and also on a blank, new site: http://intelligente-gestaltung.de/tt/

Inspecting the elements I find the submenu items, but they do not expand. Any Idea?

Hi there,

That’s awesome! I’m glad you like the theme and thank you for the multiple licenses, repeat customers really help keep the project going!

Regarding dropdowns, this is a bug from the last update. Thanks for the heads up!

For a quick fix you can add this CSS to your site:

body.wpex-has-vertical-header #site-header-inner {
    overflow: visible !important;
}

I will add the fix in the next update as well. Thank you so much for reporting the issue.

- AJ

Hi AJ

I have successfully laid out my Tutorials page using the portfolio grid which looks and functions well with the functions the portfolio grid gives me.

However I have some questions I wanted to get your thoughts on:

1) For the portfolio posts I don’t see a field for permalinks. Is this turned off by default for custom post type for portfolio?

2) Right now I selected “ALL” filter as the default listing so it shows all my videos from latest to last on one page. I did this because if I use Pagination some tutorials with their category filter goes on the 2nd or 3rd page and is hidden from the main filter listing on the first page.

I have total of 11 filters (categories for tutorials) and this will grow in the future.

What do you recommend to do in terms of breaking up this into sections of the tutorials so it is easy to find for viewers, especially on mobile devices?

3) I noticed when I add a iframe code for the youtube video, and click on the featured image, it pops up the featured image and not the video in the lightbox.

When I add oembed link though it works fine, but it shows all the related videos which is not what I want as I want viewers to not be distracted by other videos.

So what’s the difference and is there a setting to get iframe code to pop up in the lightbox?

Thanks AJ

Joanna

Hi Joanna,

1. You wanted to remove the posts so they couldn’t be accessed remember the code I sent you? That’s why there aren’t permalinks because there isn’t any posts now if you added that code.

2. I wouldn’t recommend using the filter if you have so many items. I would recommend instead adding a sidebar to the page and in the sidebar insert a menu that goes to the different categories and have that same menu on your portfolio category archives so customers can browse easily between the categories.

3. You can’t use iFrame code for the lightbox because it’s impossible to add iFrames inside links and even if you could it wouldn’t be efficient as you would be loading each video twice (but it’s not possible period).

If you want to disable related videos on the lightbox you can use a little code for that. Example: https://wpexplorer-themes.com/total/snippets/add-custom-params-lightbox-videos/ – so to remove related it would be this:

add_filter( 'wpex_get_video_embed_url_params', function() {
    return array(
        'youtube' => array(
            'rel' => 0
        ),
    );
} );

- AJ

Thanks AJ.

Yes I recall the hidden posts I asked for. No problem with that as I was just wondering where it went.

I will look into creating a sidebar for the tutorials page as well, and see how that goes.

Thank you for the code for the YT videos.

Joanna

Hiyas,

a customer of mine uses the Total theme on one of his websites. Now I took over the design work for the site and created a slider using Slider Revolution, which works perfectly fine on Desktop and Android devices, but not when using iOS devices such as iPad or iPhone as there the links on both pictures and inside a text are not working. After contacting the support over at themepunch they said that a JavaScript that prevents click events is causing the problem and so I deactivated all plugins and switched the theme to a blank theme. The result was that there is no problem with any of the used plugins, but when activating the Total-Theme the issue with the slider is occurring again. Is this a known bug and if so, is there any kind of work around known? URL of the site is https://factoring-anbieter.de/

Hi,

There aren’t any known bugs with this and the links are working just fine when I test – https://cl.ly/qMPr

That said there is a javascript error on your site which you should fix – https://cl.ly/qLkM – as it could be breaking other javascript functions.

For any future support please purchase your own license of the theme or log into the original account used to make the purchase since it does take time and resources to help out customers support is for valid users only, thanks ;)

- AJ

Heyas,

first of all thank you for your reply, even though it isn’t really helpful as I said the problem occurs on iOS-devices, not a desktop computer nor a notebook.

Considering the javascript-error, I duplicated the site on a staging domain with nothing else but the theme and the slider revolution-plugin activated and the slider links still aren’t working for Apple’s mobile devices when your theme is activated, using a blank theme the slider works perfectly fine, so in conclusion there seems to be an incompatibility between Total theme and Slider Revolution. You can find the staging version at https://factoringanbieter.dev1-cyberdog.de and this time please check the site with an iOS-device instead of a computer.

Hi,

I had previously tested it on my iPhone and iPad in my initial reply and just tested again and it’s still working for me. I sent you a video testing in Chrome, so I do why you would think that, sorry for not being clearer.

If you simply tap on the picture it won’t open but if you actually click it (hold your finger down) it should open, can you verify?

The theme does have some built-in code to make sure tap events don’t run on clicks to provide support for CSS3 overlay hovers and I think that may be what’s causing the issue.

If you want the links to open on tap instead of click I believe changing your link to a jQuery link should fix that – https://layerslider.kreaturamedia.com/sliders/ – can you test?

- AJ

ps: I’ll add a filter to disable the script I mentioned above that you can set via a child theme for better testing purposes and if you want it removed.

Does anyone know how to get rid of the extra spacing after a row? It’s really annoying.

Hi,

The space is actually after each column which is used primarily to prevent your content from touching on mobile devices when the columns stack. See here: https://wpexplorer-themes.com/total/docs/visual-composer-spacing/

I wouldn’t recommend removing it globally for these reasons but instead reset it as/when needed.

- AJ

Thank you so much!

Very nice theme. Though I have a small question and I need a really fast solution. The page is all in english, but some blog posts have to be Arabic (RTL). I put the post paragraph left to right all seems good. But when the posts appear on the main page as news,they are in LTR position. It’s not displaying correctly.

I’m glad you like it ;)

To be honest I’m not quite sure what the issue is on the homepage, do you want these posts to also right align on the homepage? If so, the best idea would be to place all these posts in a category called “rtl” or a tag named “rtl”. This way you can easily use CSS to set these entries and posts to RTL. Once you do that if needed you can share the URL and I can give you the code for that. It’s also a good idea because you won’t have to right align the text you can just use CSS to set these posts to the correct direction.

Another thing…

The theme has support for RTL via a custom CSS file, but it only loads if the WordPress is_rtl() check returns true. Which will make the header/footer/menu…etc all RTL, not just the post content.

If you want some posts to be in RTL and have the whole site RTL not just the paragraph alignment, then you would need to add some custom code to your site via a child theme so that on the posts/pages where you want them to be RTL WordPress returns RL correctly. I believe the best method is hooking into the locale fikter – https://codex.wordpress.org/Plugin_API/Filter_Reference/locale

- AJ

Thanks for the ideas. I already did it by CSS and it works like a charm !

Hi, I am looking to setup a minimal menu in Total for certain landing pages as per the below example site.

https://goo.gl/41sJ98

Can you please advise on how this look can be accomplished without using child themes or any other advanced technique?

Thanks

Hi,

You mean the popup menu? This could be done either via custom code by using hooks – http://wpexplorer-themes.com/total/docs/action-hooks/ – to insert your custom code into the header area on the pages where you need it or using a plugin that adds this style menu such as this one – https://codecanyon.net/item/superfly-responsive-wordpress-menu-plugin/8012790

- AJ

Hi AJ,

In the ‘Total Social Profiles’ widget – the one where you can put a load of icons that link to your social profiles – are there any plans to add ‘Stumbleupon’?

1) We’re getting LOADS of visits from Stumbleupon

2) The official Stumbleupon badge is a right bugger to add as you need to edit simple.php as it won’t show in any widgets.

Yes, I found that the settings weren’t being added.

But – I also found that the link to Etsy, stayed as Etsy – and where are the image logos so that I could replace Spotify/Etsy with Stumbleupon?

You are not replacing Etsy. The sample snippet just uses Etsy as an example to show you how the code works.

The “logos” aren’t images they are font icons, unless you are specifically using the older “Social Profiles (Image Icons) – widget.

What module/widget/section of the site are you trying to add this? The code provided should add the Stumbleupon option to the Social Profiles (Font Icons) widget, the social profiles builder module and the top bar. But like I said for the widget you need to remove and re-add the widget or you won’t see it.

- AJ

I’m trying to add it into a footer widget

Hi, I have been trying to change my mobile menu style, but no matter which style I choose, the mobile menu appearance doesn’t change. Do you know what could be going wrong here? Right now it’s set to “sidebar” style, but the menu items are showing up in the header. For reference, my site is mrjunkaway.com. Thanks!

Hi,

When I look at your site you don’t have the header enabled. What you actually have are links in the Topbar – https://wpexplorer-themes.com/total/docs/edit-top-bar-content/ – which is outside the default header area.

The options you are referring target the header. this should hopefully help – https://wpexplorer-themes.com/total/docs/total-wordpress-theme-anatomy/

- AJ

OK- I don’t remember ever setting my menu to appear in my topbar. Does the menu appear in the topbar automatically if the header is disabled?

No it doesn’t appear automatically it must be set under Appearance > Menus, probably was just a mistake or confusion when choosing the menu location.

It’s also possible if you imported a demo that the specific demo you imported had a menu setup in the topbar.

Currently your site header is just the logo – https://cl.ly/qJZN

- 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