Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,068 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22360 comments found.

URGENT NEED FOR LITTLE GUIDE TO SELF HOST GOOGLE FONTS IN CHILD THEME :

Hello AJ and thank you for your fabulous theme,

I work locally on a big PC (ssd nvme, 12 cores, 32 GB ram…) with right specs (no antivirus, no firewall, php 7.1…) but got a very bad connection here. It results in waiting for 2 to 4 minutes (!!) to load and refresh any page only due to «Waiting for fonts.googleapis.com» or «Waiting for fonts.gstatic.com» (already checked everything in web dev tools on firefox and chrome). It makes my site creation almost impossible and i really need these 2 google fonts (open-sans & oswald).

As you suggested to emellina 1 year ago, could you please help me (and all the total theme users) by adding the right code snippet in wpexplorer in the «Fonts & Typography » section to disable the auto Google font on the site and use my self hosted versions of the 2 google fonts i use instead.

This snippet would help all of us to do it the right way rather than cowboy-coding without exactly knowing how to do it properly.

PS : would be awesome too to know how to revert this action back when our site is finally live.

THANK YOU VERY VERY MUCH IN ADVANCE. Can’t wait to see my website creation become finally fast.

Best regards

Hi,

Thank you for your patience, I had to leave town unexpectedly :(

Self hosting your Google fonts is very easy!

1. Disable Google fonts – https://wpexplorer-themes.com/total/docs/disable-google-fonts-completely/

2. Add your Google fonts as custom fonts via your child theme’s functions.php file:

function wpex_add_custom_fonts() {
    return array( 'Custom font name 1', 'custom font name 2' ); // You can add more then 1 font to the array!
}

3. Head over to Google fonts and locate the fonts you are using so you can customize it, then visit the font URL so you can copy the CSS and paste into your child theme’s style.css file and download the fonts so you can place inside a fonts folder in your child theme.

4. Once your CSS and fonts are in your child theme you need to edit the CSS so that it links to the downloaded ttf files instead of the woff files.

Here is a quick video – https://cl.ly/rY1H – near the end when editing the CSS in the child theme you will see a bunch of CSS for different lanuagues, you don’t need all of that you just need the code for each font weight.

Since self hosting fonts isn’t really theme related (it’s a customization) I probably won’t post an article in the documentation but I’ll look at posting a full guide to self hosting Google fonts on our main blog – https://www.wpexplorer.com/blog/ – since it’s something non-Total customers can benefit from ;)

I hope you are having a good weekend,

- AJ

Hi AJ,

Is it possible to disable image tooltips?

Please forget the link question. Night blindness: the options was right at the beginning. The border issue is still of interest though.

Thank you AJ.

Hi,

If you are using the image module then adding a border is easy – https://cl.ly/rbgF

If you enter Link in the general tab it will be used for the link on the button in the overlay – https://cl.ly/rcC0

- AJ

Thank you AJ

Hello, we are in a middle of a project where we will build over 100 single page website within a month in very low cost. And we really like your theme. But with this licensing cost it will be very expensive on us. Do you have other licensing structure? Thanks

Hi,

Thank you for your patience I had to leave town for a few days unexpectedly.

If the 100 websites are on 1 multisite installation then you only need 1 license. If they are on multiple domains then you need more licenses. We can offer a discount for 100 license you can contact the email for bulk sales here: https://envato.com/contact/

I could also enable the extended license for the theme for a short period. But the extended license would be more expensive then a bulk purchase.

Are you creating affiliate landing pages?

- AJ

No, We are targeting small business in Middle East to create single-page website for them for very cheap prices including the hosting for a year. You are talking about 149$ per website. With 59$ license this will keep only 90$ to cover hosting, domain, support, and profit!

I can definitely provide a discount if you contact us directly for a bulk sale. Envato takes a fixed $16 per sale plus a commission so we can’t go too low, but I am sure we can work something out. Did you try contacting the Bulk sales email in the link above?

We could also enable the “Extended” license for a short period if you want to purchase it, but the extended license would cost more then a bulk discount.

- AJ

I can find a code snippet in your doc for removing a drop shadow for the sticky menu, but I cannot find anything on adding a drop shadow to the footer (top). Is that possible (mine is a custom footer so I was looking at VC to do that).

Also, how do I reduce the space at the bottom of my custom footer. I have removed all the padding and borders, even tried negative settings, but the space seems to remain the same.

I targeted ”.wpex-video-bg-overlay .wpex-bg-overlay.custom, .wpex-bg-overlay-wrap .wpex-bg-overlay.custom” which is what the selector picks with inspector. inset is not what I want after all, since I want the shadow above the top of the custom footer and under the bottom of the nav bar.I guess I could use inset because it doesn’t matter visually if the shadow “eats into” the custom footer and the nav bar, but the problem is that I cannot avoid the shadow appearing also on the side of the boxes: I definitely don’t want that.I want it only at the top of the custom footer and the bottom of the nav bar, and I don’t know how to do that.

By the way, when I use box-shadow in custom CSS with your theme, should I also have -moz-box-shadow and -webkit-box-shadow set?

Sorry AJ, if what I am trying to do is unclear, here is a good example. With your theme, if you have a sticky nav bar, when you scroll down and the sticky takes over, it has (I think by default) a nice shadow at the bottom. That it exactly what I want at the bottom of the regular nav bar and the top of the custom footer, to “lift them off the page”.

Please ignore. I found a way. Thanks AJ.

Hi Aj,

Hope this isn’t a stupid question. My site is is not full screen apart from the Header and Footer right now. I do like the space on either side, but on some occasions, I would like to position some items, graphical or text, to the right or left of the central space. In my understanding, admittedly quite limited, I can’t do that. Of course, I could always add a row/section that stretches to full width, probably with several columns, and place items at the far left or far right. But that’s gong to eat into my central’s section’s display and disrupt it? Plus it’s really clumsy.

Is there a way to “drop” objects at custom locations on the screen alongside the central space that currently holds content? I suppose so with CSS, but am I then limited to graphics, or can I actually do that with VC elements like text blocks? Should I be using sidebars to do this?

Thank you for your answers.

AJ, you can ignore this one. I sorted it out using Row ID and CSS and it works fine. I hope you read this before answering the first post.

Thanks a lot.

Thanks for letting me know. You are killing it! You are figuring out everything ;)

I have a good teacher.

Hi AJ, I updated the theme to the latest today and suddenly none of the blog posts would show up via their links. I had WPEngine try to help me and they found this.

Thanks for holding. I am seeing an error occurring with the theme Total showing via staging when selecting a blog or podcast.

Fatal error: Using $this when not in object context in /nas/content/staging/peterwinick/wp-content/themes/Total/framework/classes/RemovePostTypeSlugs.php on line 97

We reverted back to the previous version of the theme and things are working again. So, I wanted to let you know so you could possibly look into it. Thank you!

Hi,

Thanks for the heads up. The fix is very easy. Here is the fixed file – https://cl.ly/rRAt

I’ll push out a quick update today with the fix as well. Thank you for reporting it.

- AJ

Hi AJ,

I have made the nav bar with no background as per your advice, so the page background image shows through nicely. However, as I selected to have a sticky menu header, When i scroll down and the sticky menu takes over, its background is white. How and where can I style the sticky menu background please?

Nice, thanks for the heads up ;) I had to leave my house for a few days and just got back. I hope you are doing well.

- AJ

Doing fine, thanks. Hope you had a break rather than an emergency.

It was a little of both, but everything is ok. Thank you! This week should be a nice good hard working week without distractions and a small update on Monday for Total and hopefully a bigger Total update next weekend with some cool new stuff ;)

- AJ

Hello AJ,

I use the multi-button element her (near the top right, over “Get the Book”. I have chosen some settings I like for the first button (Amazon US). How can I set it up so I can apply the same settings to the other buttons (I am currently doing it manually). Is there a way to get the settings from that first button and either apply them to all the other buttons in turn, or, better still, can I set a default style for the whole multi-button element?

Thank you

AJ Please ignore that one. I just did it manually.

Hi. I’m having a problem with the dropdown menu. It works on all pages except the homepage. All links are active and work within all pages except home. Thanks.

Hi,

This is AJ the theme developer.

Can you share a link to the homepage so I can take a look?

The only thing I can think of is maybe it was disabled or you selected a custom menu for the homepage via the page settings – https://wpexplorer-themes.com/total/docs/page-settings-metabox/

- AJ

Hi. I don’t have a custom menu, only changing the main menu. I’ve tried both default and main menu options in page settings with no luck. Here is the link. https://crossingsmedia.com/

Hi,

Oh, this issue is actually from a little CSS added to the demo you imported so that we could add a dropshadow under the header. If you can make this quick change to your site it should fix it up: https://cl.ly/rR6C

Thank you so much for the heads up and also sorry for the troubles!

- AJ

Hello,

Do you have this option in Total WP Theme? http://themenectar.com/demo/salient-promo/page-submenu/, please take a look at Section One, Section Two and so on.

Regards !

Hi,

Yes, this is very easy to do with Total. You will want to use the “Navigation Bar” module to insert a local scroll menu on the page – https://cl.ly/rQ66 – and it supports sticky just like that demo – https://cl.ly/rR8s

This is the guide for making local scroll sections and links – https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/

If you have any issues or questions let me know.

- AJ

Hi AJ,

When working in VC, is it possible to temporarily disable a section/row without deleting it. I find myself working on alternative formats using different components. I want to disable the first design for a while to see how the second one looks on the page unencumbered. But I don’t want to delete the first design as I might well revert to it for good.

Thank you.

Ooh, very cool. Sorry I missed it.

Hi,

I have a big problem. You sent me a css code and it worked fine. The website is online since yesterday. The website is SSL certified. The image for which you sent the code is now smaller again. http://bit.ly/2I15nd3

Website URL: http://bit.ly/2IhESDL

Even with the code it remains small. What can the error be? Thanks in advance.

I don’t see the code added anywhere on the site. If your site is being cached clear the cache.

Also you don’t need to add the code to the WPBakery page settings you can add it to your child theme’s style.css file.

- AJ

Hi, I was able to change it. But with the old Post ID 5306. I don’t know why, but it’s working again. I have inserted the code only in the custom CSS of the theme. http://bit.ly/2wiOh92 My style css in Child Theme doesn’t seem to work, I don’t know why. Maybe you can take a look at it.

I have other questions. 1.) All header images are displayed small in the mobile version, so the display is responsive. But the Slides Revolution on the main page does not change the size in the mobile version. I have no idea.

2.) The website is now online. In the Theme Panel/Theme License there is a message “Your site is currently active as a development environment.” Do I have to change anything?

3.) I bought “Total” for a customer. My own website has the theme “Rhythm”. A nice theme, but the worst support there is. I have a question and after days or weeks comes an answer and plugins all obsolete. I’ve never seen a theme with so many negative reviews. I would like to make a new design for myself with “Total”. How much does an additional license cost? Where can I find it on Envato?

Best regards

Hi,

Are you using any caching on the site, your child theme style.css had some code in it the other day when I looked and it was working correctly. If you aren’t seeing changes made to the style.css file in the child theme it’s just going to be cache related or the CSS is incorrect (may need an !important attribute to override).

1. Check your main slider settings you probably have a min-height set : https://cl.ly/rQ7P

2. You don’t have to change anything for the license but you can if you want. The reason there is a development and live license functionality is so you can always create a staging version of your site for development. If you de-activate the license you can re-add it but do not check the development checkbox this time, so it will activate it as a “live” site.

3. Currently the theme is priced at $59. Every license is the same price no matter how many you purchase (unless you purchase 100+ in which case we do offer bulk sale discounts). Envato takes a flat $15 and a commission from each sale plus a percent fee and I have to pay taxes, so what I actually keep from each sale isn’t that much. And it’s expensive to run a theme shop between hosting, development, updates, support staff, etc. In fact there are customers that end up costing me hundreds of dollars each month just paying my support staff to assist them. Luckily most customers are good developers so they never ask any questions and help make up for it ;)

For these reasons it’s not possible to offer sales very often or to lower the default price of the product.

However, sometimes the theme goes on sale for $39 or $29 if it’s a holiday or a low traffic period. Currently I don’t have any sales planned at this moment, but you could sign up for our newsletter at https://www.wpexplorer.com/ (footer) we send out weekly newsletters mostly with WordPress articles but also announcing sales.

- AJ

Hi AJ,

Coming back to you on custom fonts. Please let me know if you want me to create a ticket instead.

I have uploaded one of my fonts in a directory which I created in the Theme Folder (public_html/wp-content/themes/Total/ccfonts). I thought that was where it belonged and figured that the child theme I used would “inherit” the custom fonts.

I now want to use the font so I want to define:

@font-face { font-family: FontName; src: url((public_html/wp-content/themes/Total/ccfonts/FontName.ttf); font-weight: normal; }

I try to place this in the additional CSS in the Customizer. I don’t know if it’s the right place and if my font will be available as one of the choices in the drop down list in the text editor. But before I even get there, I have a few problems.

The font name is Corona 3 Typewriter.ttf. I uploaded it as such. So I take it font family should be “Corona 3 Typewriter”. But the CSS does not like the spaces. Do I replace spaces with underscores? Do I do the same in the src: url?

I am tempted to rename the font in the folder to eliminate the spaces but I’m not sure that automatically means that the font-family has changed to the new spelling. Or should replace spaces by underscored for the name of the uploaded font on the server?

EDIT using ” around the font name seems to get rid of errors. I still have to work out if that actually works and how I can apply the font to any text in visual composer elements.

Total success (yeah, there’s got to be a pun in there somewhere). Fantastic.

By the way, you have given me so many tips and answers on here already, it is becoming more difficult to find the information (though I do keep all email notifications. Is there a way to display only my posts and your answers here to make it easier to navigate the threads?

At the top of the comments you could search for “ccuny” to see all comments from your username.

Thank you

Hi AJ, I was wondering if I should save a backup of my site every time there is a new update?

I also have got a couple of questions to ask:

1. Can I add a search bar to a page banner that works only on a page I specify, not the whole website (not the blog)? I would love some details

2. I was also looking into how to add tabs to a site and I found it but it’s not on Total theme elements so it’s not as user-friendly and easy to use as the ones the other elements you guys offer. Is there a way I can add that doesn’t involve so complex process and adding code snippets?

Thanks!

One more question how to create tables? something like this http://school.cucas.edu.cn/Zhejiang-University-205/program/

Hi,

If your site is of any importance to you then you should be creating daily backups of your database, because you never know if your server/hosting company will have issues or you could get hacked. For ANY site it’s important to have backups unless you are willing to re-do everything if something goes wrong. I personally use and recommend Vaultpress. That said, most good web hosting companies do daily backups for you. I use WPEngine and they do this. So you should ask your hosting company first. Also many backup plugins can REALLY slow down your site so you have to be careful choosing one if you decided to use a plugin.

You could backup your site manually, but doing that often is a pain in the butt so I don’t recommend it.

1. I’m not sure what you mean regarding the search bar. If you want to insert a search bare into the site header you can via a theme hook – http://wpexplorer-themes.com/total/docs/action-hooks/ – there are ways to via hidden fields when inserting custom forms, but the code depends on what you need to query exactly.

And if you already have a search bar in the header using the theme’s menu/header search there are filters you can use to customize the form.

2. The WPBakery Page builder does have a couple built-in tab modules you can use: https://cl.ly/rPig

3. Tables are actually massive functionalities so it’s something reserved to plugins, especially if you need sorting. WPBakery has a tables addon on Codecanyon you can buy for simple tables but it doesn’t have the select/sort function from that demo. I personally don’t have much experience with tables because most customers never use them so I can’t recommend a specific plugin, but there are many free and premium table plugins out there. You could try looking on WordPress.org first to see if any of the free ones work well for you.

Also, note that in Total tables are 100% un-styled by default. Some themes add default CSS for tables, but that can break a lot of plugins so I don’t do that in my themes.

- AJ

Hi, I just update the theme (4.6.5) and appear this Error: Uncaught ReferenceError: wpexRetina is not defined The website was running without any problem before the update. Can you help me to resolve it? Thanks,

I have try to set a cropping size as you explained, and is working in carousel module and other WPExplore elements, as single image. But when applied to single image from VC composer, doesn’t work, even though I created the image@2x manually.

Before the update, all the images were loading @2x, without define any cropping size (full) – as I have create manually all the images.

I just notice, that in my Image Sizes Panel doesn’t´ appear: Retina mode.

Thanks for your help.

Hi,

Oh yes, I actually updated the Retina functionality so it’s very fast and optimized now and for images to display retina they need to have a specific data attribute. Rather then the script trying to manually find retina versions (like before) which is very resource intensive.

If you use the Total “Image” module instead (the one with a blue icon – https://cl.ly/rYAW ) of the Single Image module the retina will work automatically. I only see the single image being used on your about page so it should be a quick fix. Let me know if you have issues with that.

- AJ

By the way, thank you for your patience I had to leave town for a few days unexpectedly.

Hi, Can you please let me know how to add an image-based bottom border to the header and adjust its width / height?

SCREENSHOT : http://prntscr.com/jenfoe LIVE URL : https://www.burhani.co/

Hi,

So the best way is not adding an image but using html and CSS (very easy).

First you need to add the code below your header which you can do via your child theme like this:

add_action( 'wpex_hook_main_menu_before', function() {
    echo '<div class="custom-header-divider"><span class="color-1" /><span class="color-2" /><span class="color-3" /></div>';
}, 0 );

This is just an example, so basically you would add a span for each color you want this way you can apply a background via CSS to each span and then give your spans a percentage width, so if you want 4 colors give the spans a 25% width.

There are tutorials for this online as well and Total even has a “multi-color” divider module if you want to insert it to a page to get an idea on how to write the CSS.

- AJ

Hi, Can you please let me know how we can make the Total theme AMP compatible as per Google Search guidelines?

Do we have the features built-into the theme or need an external plugin? If any external products needed, could you please make any recommendations?

https://support.google.com/webmasters/answer/6340290

AMP is not something that should ever be inside a theme you’ll want to use a 3rd paty plugin for that. There are many great and free plugins out there for that. Any plugin coded correctly should work with the theme. That said, a lot of the AMP Plugins don’t actually show shortcodes (page builder modules) so you need to take that into consideration and also most of them are setup only for your blog posts (generally where you want AMP setup, usually you only need amp for high traffic blogs, not so much smaller business sites).

- AJ

ps: There are some big SEO considerations when integrating AMP onto your site as well as you could create duplicate content issues so you’ll need to do some research on that to make sure it’s implemented correctly and avoid SEO penalties.

Hi AJ,

Is it possible to put a background image in the menu 1) Generally and 2) Only on a specific page?

I can do that for the main body with1) Setting a background image in the customizer and 2) Setting a background image in the page Background option. But I don’t have an equivalent for the menu bar (or I’m just getting mixed up).

I’m really sorry AJ: I am getting lost. I get the above for a page-specific override, but first I want to apply transparency to the nav bar globally. I put .navbar-style-three { background: none !mportant; } in the Customizer’s Additional CSS which is obviously not the right place as I get an error message.

You are putting it in the right place, if you get a warning it’s probably just because of the use of !important which you can ignore. The WordPress CSS editor gives hints/tips/warnings and it will throw a warning when using !important just to let you know it’s a hard override.

That’s the one. It refuses the !important but conveniently gives me some garb about expecting an RBRACE. I just took the !important off and it works fine.

Thank you so much.

hi ! i m new in this field. theme installation failed because folder already exist. I updated few themes on different sites before but from wp admin dashboard not like this. why we can’t update this theme from wp admin dashboard. please help thanks in advance bye tk cr

hi ! now license activated but no update option available

all done thanks

Great!

So you know in the future, in WordPress, the update notifications are cached so your site isn’t slowed down by constantly checking for updates. If you log out and back into your site and go to Dashboard > Updates and click the button to check for updates it should clear the cache and check for any updates available.

- AJ

I am having multiple problems with this theme. When I import demo content, it looks nothing like the actual demo even after following all the instructions and the video in the documentation. It seems to overlay my existing content. I’ve even wiped my WordPress database and started fresh and it still did not look anything like the demo. I’ve tried importing any of the demos and they seem to all do the same thing and overlay on top of each other, even when ensuring everything is to be imported in the import prompts. Also, it seems to be stuck on the Samus demo.

Also, how can you change the top header part that states “Total 30% off all store”? It seems I am not able to edit it all. Thanks.

Hi Josh,

This is AJ the theme developer. When importing a demo it is important to first start with a fresh install because of how WordPress works if you import 1 demo and then import another demo it’s not going to remove the old content. This is important for someone that accidentally imports a demo on an existing site you don’t want them to lose their existing content. Always when importing a demo it’s best to start with a clean site.

So if you import 1 demo and decide to switch, you should wipe it clean first.

When the demo imports it should look just like the live demo as shown in the video – https://www.youtube.com/watch?v=qzXmHGF5wSc

If you already had content on the site it’s possible after you import a demo that the homepage isn’t correctly set, in which case you would want to go to Settings > Reading and define the correct homepage.

If you want we’d be happy to help you import a demo if you are struggling we can log in and do it for you.

Also make sure under Theme Panel that your server stats all look green – https://cl.ly/rOM7

To change where it says “30% off all store” that would have been imported with a demo and would be located in the Header Aside content area – https://wpexplorer-themes.com/total/docs/header-aside/

Importing a demo should be pretty easy and painless, please do let me know if you have any other questions or issues, I’m here to help!

- 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