Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,256 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22385 comments found.

AJ, I added raw HTML of my Twitter feed into a column in my footer. I simple need the feed to be centered horizontally in the column but right now it looks left aligned. What code should I add to make that happen?

Thanks again, AJ,

Robert

Yes, very helpful.

1. First add a custom Class to your raw html module: https://cl.ly/nL1X

2. Then add the following Custom CSS to your page:

.patrons-twitter-feed iframe {
    margin: 0 auto !important;
    display: block !important;
}

That worked for me testing locally.

- AJ

Worked perfectly! Thank you!!

AJ, What would be the best way to add a narrow strip of color to separate 2 rows? Thanks, Robert

Hi Robert,

Either adding a bottom border to the row or using the divider module. Here is a video – https://cl.ly/nKLC – I prefer using the divider module added to the second row (second example).

- AJ

Is there a way to deactivate hover on mobile for the Image Grid element? The way it is now requires the visitor to click twice on mobile to go to link. Thanks!

Hi,

You can do this with a little custom code like this: https://wpexplorer-themes.com/total/snippets/disable-image-overlays-mobile/

- AJ

ps: I noticed your support license has expired, if at this time you can renew your support license I would really appreciate it. You can also purchase a new copy of the theme for another site/client and it will also renew your support. A support renewal is around $41 so if instead you purchase a new license of the theme you essentially will get a new license for only $17 to use on another site and a support renewal. If financially you can’t at this time I understand but would really appreciate it since I spend a lot of time and money supporting and updating the product – thank you!

Hi, I’m a bit late to the party, but I want to transform my website from thunder to total. I make very much use of the faq, services and features post types. I have the visual composer disabled. How should I prepare my site for the new total theme. I don’t care if the post types will not be displayed directly after update, but I would not like to loose them as they generate a lot of SEO traffic. Do i need to prepare the post types to an other type or as a page… somehing.

All info or documentation would be welcome.

Hi,

You can always ask questions in the comments. The license is specifically for private tickets. But more importantly it’s to help pay bills and stay in business. It’s actually pretty expensive to run a theme shop with hosting, marketing, advertising, support staff and ThemeForest takes 30% of all sales plus a processing fee and US taxes takes another 30%. And with thousands of customers it’s just not possible to provide unlimited free support for lifetime to everyone.

I know you bought the theme a long time ago and you are just about to use it. So it’s a bit different. The main reason for the support license is people that buy 1 license and use it illegally on tons of websites and ask tons of questions or use it on 1 website but still ask a ton of questions all the time (there are customers with hundreds of tickets submitted and only 1 purchase, we’ve lost a lot of money answering their questions). Having the support license in place helps recoup some of that lost time/money providing support to these customers.

I will always answer all comments, but I really appreciate it when customers renew their support licenses because it helps out and I believe my time is very valuable ;)

- AJ

Hi, I just renewed my support for 6 months. Happy to do so. Little effort from my side to get your trusted support. I will contact you by support when I need some during my transition from THUNDER to TOTAL.

Great! Just let me know how I can be of help ;)

Have a great weekend!

- AJ

Hi AJ, I would like to know if its possible to change the columns displayed on a woo product category grid based on the device. By default it only shows 1 column on mobile and 5 columns on tablet regardless pf orientation. I still have an open ticket for this question.

Hi Aaron,

Sorry for the delay, I do see the ticket assigned to me, unfortunately I wasn’t able to work much the last couple days for personal reasons.

I’ll answer your question here and in the ticket. So basically there isn’t a built-in option, however, it would be possible via some custom code – https://wpexplorer-themes.com/total/snippets/change-woocommerce-columns-custom-columns-mobile/

I’ll have a look to see if it’s possible for me to adapt the column options in the Customizer to make it easier so you can choose it there in the future.

Thank you for your patience with this matter.

- AJ

Hi AJ,

I am trying to make my pricing grids equal heights. I followed your instructions and added the custom class match-height-grid in the row settings. However, I’m not sure where to insert custom-class-content in my text since I am not using

    No doubt this is a stupid question but I’m new at this.

    Thanks, Robert

    Here is my text from one of my grids as it looks now in text mode:

    Monday, April 2

    Afternoon: Driver(s) meet and greet Augusta Airport to take you to your large Southern house, located only 15 minutes from Augusta National’s gates

    6:45pm: Dinner served at the house

    Tuesday, April 3

    9:30am: Driver(s) pick up and take you directly to Augusta National where you will spend the Day at the Masters practice rounds/Par 3 Contest

    6:30pm: Driver(s) pick you up and return to the house

    7:30pm: Dinner served at house

    Wednesday, April 4

    9:30am: Driver(s) pick up and take you directly to Augusta National where you will spend the Day at the Masters practice rounds/Par 3 Contest

    5:30pm: Driver(s) pick you up and take you directly to Augusta Airport for flight(s) home

Hi,

The correct way to make items equal height would be using the “equal-height-content” added to each module in the row like this: https://cl.ly/nL9L

The problem though is because of how the pricing tables are designed you won’t see any difference unless you give the modules a custom border or background around the whole thing since by default the borders on pricing elements are added on each section not on the full element.

This should help explain it better: https://cl.ly/nLQk

Make sense?

- AJ

Thanks, got it to work!!

Hi AJ, Hope you can help. I’m trying to get a local scroll link arrow to work at the bottom of my full screen slider here: chillioil.co.uk (password: hair1) ... I’m using a bit of CSS to give the arrow row a bit of negative margin so it appears over the top of the video… the problem I’m having is the local scroll link doesn’t work to move the page up to reveal the row below. However if i refresh the page with the link in the URL http://chillioil.co.uk/#latest the page scroll works fine. Is there any way I can fix this? Cheers.

Hi,

Whenever setting up local scroll links in Total you must give it the classname “local-scroll-link”- https://wpexplorer-themes.com/total/docs/local-scroll-links/ – this is to keep the javavascript better optimized and prevent issues with 3rd party plugins that may use hash tag links but aren’t necessarily local scroll links.

Also you can add the link directly on the slider as a layer which is easier and more efficient than adding a row with negative margin – https://www.youtube.com/watch?v=Lg8WiY4YyFQ

- AJ

Cheers thanks very much for the info – all working!

Pre Sale Question: Interested in purchasing your theme, just want to make sure if we buy one license, can we use for test and live site for our client which is going to be same content but different domain. For example testsite.org and livesite.org? Please confirm.

Hi,

Thank you for your interest. And yes you can definitely do that. In fact you can have unlimited number of “test” sites but only 1final site per license. This means you can setup the site locally (usually better/faster before taking it to a live site) as well as have a stagging variation of the live site as you mentioned.

Please let me know if you have any other pre-purchase questions.

- AJ

Hello AJ

I am having some trouble getting a Slider Revolution Post Based Carousel Slider to link correctly on mobile.

I have created a post based carousel slider for a custom post type and then set the background image for each slide to be the post featured image.

On the slide link & seo tab I have the following settings:

  • Enable Link: Enabled
  • Link Type: Regular
  • Slide Link: {{link}}
  • Link Sensibility: Front

The slide links work fine on desktop but do not work on mobile.

I disabled all plugins but the links still didn’t work on mobile.

There are no JS errors in console.

I switched to the TwentySeventeen theme and the links started working correctly.

I tested on:

  • iPhone 6+ w/IOS10
  • iPhone 7+ /IOS11
  • iPad 5th Gen w/IOS11

Theme, plugins and WP are all at latest versions as of today.

Christian

Ah then this is the file you’ll want ;)https://cl.ly/nLOh (you have to update this file via FTP since the filter doesn’t exist already I added it for the upcoming update)

So the filter name would be “vcex_post_type_carousel_thumbnail_args”.

- AJ

Hey AJ

Thanks for all the help so far.

I have run into a second issue. Navigation elements for all carousel widgets are not showing. They are always disabled regardless of the settings used.

https://www.dropbox.com/s/yxqh97ox5uz8qxm/Carousel%20Navigation.jpg?dl=0

Just replied to your latest comment about this ;)

I’ve noticed the “Single Image” VC element does not work with retina images when specifying a custom size. It looks like the data-at2x attribute is missing.

I’m working around it by specifying the dimensions as twice the size and then using custom CSS to size it down correctly, but I thought you’d like to know about that issue.

After looking into this more, I see the @2x resources are not be generated for custom sizes. The @2x generation seems to occur for the other VC elements when selecting an image from the media library, so the issue seems to be limited to this element.

Hi,

This is because the Single Image module which is a core VC module uses it’s own function for the image cropping so it doesn’t pass through Total’s native image cropping function which generates the @2x image. But in the upcoming update I added a new Total Image module which will support the retina in the theme and have some added settings – https://cl.ly/nK8G

The theme update should be ready to download in the next 1-3 days.

- AJ

Awesome!

I am using a plugin called Real3dFlipbook to show virtual magazines purchased from CodeCanyon. I experienced an error whereby a page would skip using an advance page button. On contacting the developer they inform me of the following [quote]”I found that your theme has some custom event handling and redispatching. Single click event creates one “mouseup” and one “tap” event and that causes bugs in flipbook. That happens in script wpex.min.js. Flipbook listens both click and tap because there are laptops with touch screen but those two events should never happen at the same time.You might try another theme or contact theme author how to disable that feature.” Is this something that you would agree with and if so how could I disable and what other functionality would this affect? Thanks in advance Jon

Hi AJ

Following on from our previous correspondence the plugin developer for Real3DFlipbook has finally responded after a week with the following:-

“I already posted that the problem, it is altering the default mouse and touch events by another plugin, so single event “click” creates two custom events : one “click” and one “tap”. I’m sending the screenshot of exact place where that happens.

Flipbook listens for click and tap because of laptops with touchscreen.”

The two screenshots refer to the vent in Tocca.min.js. (send separately to your gmail acct)

I have asked that the contact you directly, but his response rate is somewhat slow. This case having been raised in September gives you some idea of his speed

Any help would be appreciated.

Jon

Update the plugin developer for Real3Dflipbook has finally come up with a fix and so please disregard this support issue. Thanks for your help anyway.

Awesome. I’ve also updated the script to the latest version – https://github.com/GianlucaGuarini/Tocca.js/blob/master/Tocca.js – which has some extra checks – https://cl.ly/nV3Z

- AJ

Does Total 4.4.1 support older versions of Woocommerce? I haven’t updated to Woo 3.0 yet (because of a 3rd party issue) and when I updated Total on my sandbox site, the option to customize Woocommerce disappeared from the Appearance > Customize menu.

Hi,

This is AJ the theme developer.

Because WooCommerce 3.0 has such massive edits if you are using an older version of the plugin and an updated version of Total then none of the Total modifications are applied to prevent issues. So in short, no it’s not compatible…because it’s impossible. There were too many big changes in Woo 3.0 to allow perfect backwards compatibility.

There are important security fixes in the plugin. I would never recommend not updating WooCommerce or any other plugin due to an incompatibility with a 3rd addon. It’s better to look for a different addon that does work or fix it then sacrifice security on your site, especially for a shop where you may have important customer data and it’s your responsibility to keep that information secure.

I would highly encourage updating and seeing about fixing the addon plugin or replacing it if possible.

- AJ

Thank you AJ for the thorough response. The third party add-on is a multi channel e-commerce solution using the API, which they say was changed significantly when 3.0 was released. I’m hoping they will get up to speed soon, because their systems have become a fundamental part of my processes (i.e. lots of time/money invested in them).

Maybe you can give them a little nudge ;) WooCommerce 3.0 was released quite some time ago.

- Aj

Hello AJ, I’ve answered to your email, the 2 “issues” are fixed, thanks :-)

May you please help me prevent auto-opening of dropdown menus when hovering ?

(I haven’t found in Total documentation, nor searching the web for a css)

Thanks in advance,

Michel

The difference is speed can be many things but usually it’s because of the testing center (where it’s located). If your server is located in Australia for example and you have GTmetrix setup to test using a server in Texas, US it may be a lot slower then perhaps Pingdomtools which may be testing in Australia.

Another common issue is your server could be throttling you, so one test could return 1 second then a test right after could return 10s then after 1 second again.

GT Metrix and Pingdom tools are great but you really need to learn how to interpret the data. Make sure you are looking at the waterfall and seeing where the time is being spent. Simply looking at the time or score itself won’t be of any help.

If speed is a concern you should just pay for good hosting with built-in cache and CDN and you don’t have to worry about doing any tests or micro-optimizing things.

- AJ

Thanks indeed AJ :-)

I’ve already started to look for another hosting solution to test.

Michel

I would highly recommend Flywheel if you don’t mind paying a bit more. It’s freaking amazing. I use WPEngine (but a dedicated server not their default plan) but I definitely would recommend Flywheel over WPEngine for their standard plans.

We just wrote a full review of the Media Temple WordPress managed hosting – http://www.wpexplorer.com/media-temple-wordpress-hosting-review/ – and so far it’s been one of the best ones our author has reviewed – http://www.wpexplorer.com/blog-wordpress-hosting/

- AJ

Hi AJ, I’m quoting for a new client who would like their site to a button to switch between English or Spanish. Is this possible in the theme, or would I need a plugin? If so can you recommend one? Cheers Lucy

front end translation I mean

Hi Lucky,

Sorry for the delay regarding your question. You will need to use a multi-language plugin such as WPML or Polylang so that you can create the site in 2 languages.

Multi-language sites are basically like running 2 websites and it’s a lot of work to setup every page, menu, category, tag, archive…etc in two languages and also it requires a good server (otherwise it will be very slow). So be sure to take those things into consideration. Also if you decide to use WPML which is the preferred plugin, it’s fairly pricey.

Of course you could always just add a Google translate button to the site if they prefer – https://translate.google.com/manager/website/?hl=yi – but this won’t be a perfect translation since it’s automatic.

- AJ

Hi AJ, I’m a little confused. I used a portfolio grid to show my latest projects but after a lot of time I noticed that they aren’t indexed at all. So I thought to turn my portfolio into a blog, can you please explain me if there’s a difference between portfolio and blog at seo level? Wich choice would be better for me in your opinion? Thank you very much,

Bob

Hi Bob,

There is no difference in terms of SEO using the blog or portfolio. Your portfolio posts should be indexable though 100%. If they aren’t can you share the URL so I can see? The only reason your portfolio posts won’t be indexed is if you are using a plugin like Yoast SEO and you added noindex tags to those posts. But by default they should rank exactly the same as standard posts. Don’t waste any of your time moving the posts yet..most likely it’s an easy fix or Google just hasn’t indexed them yet because your site is new or not getting a lot of backlinks.

Did you setup an XML sitemap for your site and submit it to Google?

- AJ

Hi AJ,

Just something I’m toying with the idea of here.

I noticed that there is a ‘Landing Page’ option in the page defaults – presumably these could be used for different keywords (for SEO purposes) and save me from needing to test out landing page plugins.

Are there any examples of Landing Pages for Total doing the rounds?

I’m presuming that there won’t be any menu items, but I’m planning to put links to the main website in the CTAs. I get these strange ideas every now and then :)

Thanks!

No, not really – I’ve never been into A/B testing.

I just wanted to create a couple of pages, one with the title myebsite.com/keyword-one – and mysite.com/keyword-two, both of which would have new content, and have CTAs back to the main site and an email form or two.

So would the Landing Page option work in this case?

Gotcha. Yes it will work, but like I said it just disables everything excerpt the post content. If you don’t want that simply delete the parts you don’t want via the settings metabox – https://wpexplorer-themes.com/total/docs/page-settings-metabox/

And just use the VC page builder to add your content/forms/etc.

- AJ

Nope, that would be fine – and stops me asking the next question about what gets disabled.

Thanks, I’ll make a start on that after dinner.

Hi AJ

I’ll post this one here as I do not consider it as a support question..

As you may know, visual composer guys will release a new Wordpress plugin soon called Website Builder which has everything as the Page Builder (VC) has.

Will Total theme be ready to support that plugin? because we may buy it to use it with our total theme?

Regards M

The plugin itself should work with any theme, including Total. At this point I haven’t added any extra code to “migrate” the Total modules over to their new plugin but if more customers request it, then it is something I may do.

If you aren’t going to use the included Visual Composer plugin though I would recommend instead looking at Elementor, it’s far superior to the upcoming Website Builder plugin (in my opinion). Quite a few customers use Elementor with Total and create very nice looking sites.

- AJ

Hello, I’m using your theme and on our site, there are large white spaces between sections (ie. one between our services icons and our social media icons and then another between the social media icons and footer. I tried adjusting the padding, but that only works for Google Chrome. When I view the website on Edge or other browsers, there is still a large white space. Any suggestions?

netforward.net/wp

Hi there,

What page builder are you using on your site? A lot of the extra spacing is just coming from the default spaces in the page builder you are using.

Regarding not seeing the changes on other browsers. I see your are using caching/minifying plugins on your site. So if you see the changes in Chrome but not other browsers it’s most likely a caching issue. Whenever you adjust the site be sure to clear all site and browser cache.

In fact I would recommend to clear and disable any caching plugins whenever you are going to be making changes to the site, then when you are finished with your changes re-enable the plugin. This can help prevent any caching issues.

- AJ

I’m using Beaver Builder. I cleared the cache from the page builder, but the spacing is still there. Any other thoughts?

Hi,

I am not familiar with Beaver Builder so I can’t be of too much help here. But when inspecting the code a lot of the space under the icons appears to be coming from something called “Nextend Smart Slider” – https://cl.ly/nVUI – which again I am not familiar but I’m not sure why this section is even using a slider since it’s just text, icons and a backgrounds. Can’t you just do that with Beaver Builder using a row with the background and the the social icons added in the row, instead of using a slider function?

- AJ

Custom excerpt won’t show anymore in VC post type grid. Instead is shows the excerpt taken from the content. Not longer the summary from further down the WP backend.

Instead is shows the excerpt taken from the content. Not longer the summary from further down the WP backend.

Hi,

The excerpt is working correctly for me, I just tested it locally – https://cl.ly/nHos – can you double check the excerpt settings you have for the module. And if you’ve made any recent child theme edits can you check those as well to make sure it’s not breaking the excerpt.

- AJ

Hello, I just purchased this theme and I really like it. I wanted to know if there’s a way to add a color border around the entire website like this website example: https://institutomexicanodelsonido.tv ? I’m not sure how difficult that is to do.

Hi,

It’s actually really easy because the theme has a built-in setting for this ;)

Simply go to Appearance > Customize > Layout and enable the “Site Frame Border” option – https://cl.ly/nHSi

- 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