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.

Question about Feature Box:

I’m wondering if there is a way to format the entire Feature Box left image so that the link and hover is applied to entire box rather than just the image link or heading link.

I’m wanting to accomplish something like the Icon Box with background hover.

The reason I am not using the Icon Box (with image) is because when I try to apply a border color to the entire box absolutely nothing happens. The only time I am able to get a border color to work is with the Icon Box top (and even then I have to modify style in child theme).

That’s because the left icon style has the image absolutely positioned so the container doesn’t know how large it has to be.

Just give your icon boxes a classname like this – https://cl.ly/nlWM (use whatever unique name you want)

Then add this CSS to the page:

.set-min-height { height: 140px; }

But tweak the 140px to the value you want for the height.

And they should work beautifully afterwards ;)

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

- AJ

THANK YOU! This is exactly what I need.

I love the theme :)

Great! I’m so glad you like it ;)

Hey! My product thumbnails are not showing in the shop catalog when setting my crop size in the Image Size section of the theme’s panel. Under the WooCommerce Tab. Please help. Thanks

What sizes are you using? The only reason for image sizing to not work in the theme is if the ImageMagick script is not running on the server which is used by WordPress to crop/resize images or if the permissions set on the wp-content/uploads/ folder are too strict so images can’t be saved there.

Can you ask your webhost to make sure for you?

If you are unable to trouble shoot the issue you can open a ticket as well and send us the logins to the site so we can help see what’s going on – https://wpexplorer-themes.com/support/

- AJ

I am working on another site and would like to use the total theme – however it is important that the site have a sticky sidebar – is that possible with total? I cannot seem to get the mystickysidebar plugin to work with the total theme and would appreciate any suggestions you may have before choosing another theme. thank you

The sticky is definitely working on the site as you can see here: https://cl.ly/ni7o

But there are 2 issues:

1. It’s not accounting for the sticky header height which you can use some CSS to tweak (I can help if needed).

2. It won’t do anything on this page - http://dev.galmedpharma.com/company-profile/ – because there isn’t a sidebar added. This is a Visual Composer column: https://cl.ly/niTx

- AJ

ps: Do you plan on purchasing a new license once the site goes live? Thanks!

yes – I really like this theme and would like to use it. I just need to confirm that it fulfills all the clients’ requirements. In checking the code – I see that both pages use the widgetised sidebar so the only difference was when I removed the layerslider from the top of the page. If you could help with the css on that – please let me know if that is within the framework of the support or at an additional cost – thanks

Awesome, I’m glad you like the theme ;)

Ok, sorry I was a bit confused. Both pages are using visual composer for the sidebar.

But I would highly recommend you use the default sidebar area which would be much easier then creating a custom layout for each page with the Visual Composer.

Currently your sidebar is located here : https://cl.ly/njda

This is happening because your content area is set to 90% width and your sidebar to 26% – https://cl.ly/nji9 – this is either coming from your custom CSS or the layout width settings – https://wpexplorer-themes.com/total/docs/customize-your-layout-widths/

I can’t tell why the profile page won’t work but it seems like it may have to do with the sticky plugin settings as it’s not adding the correct classes much like it does on the page where it does work – https://cl.ly/njnd – did you perhaps use a different widget area or a unique classname for this that you forgot to add to the other?

Custom CSS isn’t included in support but I personally do provide help with small tweaks unlike other developers ;)

Unfortunately it looks like the plugin you are using doesn’t apply a custom class to the sidebar when it becomes sticky so you can’t target it with CSS. Can you ask the developer if there is anyway to add an offset when it’s sticky? Looks like you may be using the premium plugin “Theia Sticky Sidebar” – when I look at the javascript for the Theia sticky sidebar on Github it looks like there is a top margin setting which may also be available in their plugin.

- AJ

Dear team,

for a website I use header style 2 with a custom ‘Header Aside Content’. I use the Qtranslate-X plugin for translating the website. Evertyhing works, but not the header aside. Could you tell me if I do something wrong?

Thnx for the great support of Total!

Hi there,

Nice to hear from you again, I hope you are doing well.

The header aside content is stored in the theme_mods option table in WordPress. I honestly don’t have any experience with Qtranslate-X everyone uses WPML or Polylang which Total supports 100%.

Do you know if the plugin allows you to define custom “strings” or theme_mods to translate? I tried looking in their plugin documentation but can’t find anything. Do they offer support with their plugin?

One alternative is also to create a template with the page builder or a standard page and then enter the ID for that page into the aside content box in the Customizer. This way you can just translate the template/page and it should hopefully work if the plugin correctly translates ID’s.

- AJ

Hello. I am still addressing how to improve the speed of my website on mobile as google page speed results still indicate a poor performance in comparison to I have no more options left to fix page speed but the following

If I use the Simply Static plugin I will create html static copies of all my site. Is this compatible with this theme ? Will this help improve my page loading times? Regards

Check out the new Total “Image Module” this one supports local scroll and it has more settings ;)

The hover box won’t work without some added edits. I’ll have a look to see if it’s possible, if not you would have to use javascript. Personally I don’t recommend flip boxes because they are bad for usability if you can avoid them I would (best to the text by default such as the Icon box module).

- AJ

No need for the hover box. I was just testing it .OK. I will not use the flip box. The total image module ? I can not see it in visual composer where is it?

If you don’t see it it’s because your theme is outdated – http://wpexplorer-themes.com/total/changelog/

What version are you on? https://wpexplorer-themes.com/total/docs/locate-current-theme-version/

- Aj

Hi, I a beginner, but, this is my 2nd site in 5 years with WP and I have been to 4 wordcamps, to learn WP. I am halfway through reading the documentation and have covered the logo part.

My logo appears small. So I created a larger one (700 × 185) in Photoshop and it still looks the same (small) in the total theme. What do I need to do? Link: http://alpha.phillip-todd.com/portfolio/

I want it to look more like here: http://phillip-todd.com/

Thanks!

ok, I fixed it. It was under “Sticky Header” logo start height and logo shrunk height.

Hello AJ,

Here are 3 minor questions, please :

1: In the Toggle Bar frame, is there a way to start a CSS animation delay (on a VC module) when the frame is opened, instead of when the main page has finished loading ?

2: Still regarding the Toggle Bar, I’ve added the snippet “Custom Togglebar Toggle Link for Main Menu” but can’t see how to insert such a link

3: Is there a way in Total to disable “Standard fonts” in VC Typography dropdowns ? (I never use them)

Thanks in advance,

Michel

Hello AJ,

Thank you for your help, here’s what I’ve observed :

1: Yes please, I’d be glad with your code, as I only plan a slight animation in the toggle bar : http://www.pnet.fr/togbar.png

2: Nothing happens when clicking on the new menu item, I’m probably missing something : http://www.pnet.fr/togbar-toggle-from-main-menu.png

3: The line “breaks” the site (it appears as I typed it in the image above)

Michel

1. Do you need it to fade every time you click to open the topbar or just the first time? It really depends on the code and this is actually pretty tricky to do will take 15 mins or so to figure out…

2. Ah yes, It needs a little tweaking the code is running too early. Change wp_head to wp_footer that should work ;)

3. This could be due to an outdated theme since I made some tweaks recently for this filter to work properly.

- AJ

It will be fine without the animation.

The code for disabling standard fonts in VC works fine now (and I run Total 4.5.1).

Thanks also for your feedback about PHP version.

What is the font name of the logo? I would like to make a logo with my name in this font

At the same font size and color?

Yes! Would be nice!

Here is a PNG: https://cl.ly/njg8

And here is an optimized jpeg: https://cl.ly/njWc

So you can use which ever works best for you and looks best ;)

- AJ

Hi, I am planning on purchasing another copy of the theme for a new client project. The client insists that even though we are using a readymade theme, he wants to white-label the same so anyone looking at the source code or CSS file does not see the word Total anywhere.

Also, i am concerned about how theme updates would be handled if we decide to change the theme folder name etc.

Lastly, when updating a theme, is all custom CSS maintained?

Is there any plugin etc that can help us achieve this quickly and with less hassle? Do let me know. Thanks

Hi,

That’s awesome ;)

If you must remove the name “Total’ from the source code the only things you really need to do are the following:

1. Rename the folder after or before uploading the theme
2. Remove the generator tag – https://wpexplorer-themes.com/total/snippets/remove-theme-meta-generator/
3. Use a plugin to minify and combine all css/js

You are correct about updates, they won’t work because the way WordPress works is the updates are based on the theme folder’s name so if it’s no longer Total it won’t work. In this case I would recommend not using the auto updates and the client would have to update manually in the future.

I would encourage the customer though to not worry about any “branding” in the source code. It makes 0 difference in terms of SEO (of course), 99% of visitors don’t look at source code or even care and the other 1% that may look at the source will also not give 2 craps if they are starting out with a pre-made template. Also you should be proud to use such an amazing theme ;)

And yes, all custom CSS is stored in your database so updating your theme will never override it.

- AJ

Hi, where i can find the main header php file?

The main “header” file is in the core theme at header.php – but this theme is very modular/advanced so the actual content added to the header is done via hooks – http://wpexplorer-themes.com/total/docs/action-hooks/ – and loading template parts. You can find all the header template parts at Total/partials/header.

If you need any help tweaking something in particular let me know. This theme is filled with filters so you should never ever have to edit the files manually as anything can be tweaked using action hooks and filters – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/

- AJ

Hi AJ, Would you happen to know how we can setup a Blog Sidebar with multiple items, but have one item stay fixed to the side upon scroll.

Plz refer to https://goo.gl/uNGNYs and notice how the ebook sidebar image remains fixed to the sidebar when the page is scrolled.

Thanks!

Hi,

You’ll need to use a sticky widget plugin. There are a few out there, just google “Sticky widget WordPress plugin” you should be able to find one ;)

- AJ

Oh, I just checked their source code and the website you mentioned is actually using custom javascript which you can see in the code if you rather write your own script like they did and use their’s as inspiration – https://cl.ly/nhlP

- AJ

Hi, Can you plz let me know how to make the mega-menu full width as in this site : https://vtldesign.com/.

Also, how can i have a bottom border for the menu when using Header Style 2 with Bottom Navbar? You will see a light grey border at the bottom of the menu in the above site.

Hi,

* The theme’s mega menu is going to be the width of the header element. The only way to make it expand 100% of the screen width would be to either set a full-width header - https://wpexplorer-themes.com/total/docs/full-width-header/ – or using custom javascript to re-calculate the menu width.

Also Total does support 3rd party mega menu plugins such as UberMenu if you prefer to use those.

  • With a little CSS like this:
#site-header {  border-bottom: 5px solid #f4f4f4; }
http://wpexplorer-themes.com/total/docs/making-css-edits/

- AJ

Hello, AJ. I don’t use Visual Composer due to site speed reasons, I guess many others won’t be doing as well. Are there any plans to add a readymade Portfolio page template to make our lives easier?

Thanks.

Hi,

The Visual Composer is incredibly fast and most customers do use the plugin (the only people not using the plugin are some bloggers and some people that prefer the Elementor builder). If it’s slow, it may be a good time to consider switching to a better hosting plan (my recommendation is always Flywheel – but siteground is also good in terms of budget hosting). Or have a look at your current hosting plan or installed plugins to see what’s slowing things down.

That said, I did add an option in the last update so you can enable the auto portfolio ;) See here: https://cl.ly/ng76

This is available in 4.5 for all the built-in post types:

- AJ

Hello AJ,

I’ve updated to to 4.5.1 on Flywheel : the license key now appears, but the VC plugin update still fails (nothing urgent for me about it).

On my “normal” site, I’m currently testing WP Supercache plugin instead of W3 Super cache, and don’t notice any performance difference.

Do you think please that it could be better with Autoptimize plugin, or even WP Rocket ?

Have a nice day,

Michel

Like I said, if the server can’t access the plugins inside the theme, deleting the theme won’t do anything since you won’t be able to install them (updating and installing is the exact same process, the only difference is when updating WordPress first deletes the old files).

But you can delete the plugins and then manually install them, just download Total from ThemeForest, extract and locate the plugins inside the theme at Total/framework/plugins/ (they will always be there). Then you can upload them to the server no problem via Plugins > Add New.

- AJ

Thanks AJ.

I was just about to tell you that I’ve just succeeded to update both Total and VC, after deleting both and installing Total 4.5 :-)

Do you think there would be a significant advantage to chose PHP 7.1 over 7.0 now ? (for which I would have to investigate about some incompatible plugins, searching new solutions …)

Michel

Oh great!

Regarding 7.1 – probably nothing you would notice or really take advantage of. You can read the changelog here: https://wiki.php.net/rfc#php_71

But I always think it’s best to run the latest version if possible. There is definitely no disadvantage ;)

- AJ

Hi, How can I memorize element settings?

I’m using the Image Grid element on many of my pages and each time I add the element to a page, I have to go through the tabs and make the desired adjustments.

I’m always adjusting the Image Grid element the same each time – is there a way to “memorize” the settings so I don’t have to repeat the adjustments each time?

Thank you

Hi,

Oh I see what you mean about the buttons – https://cl.ly/nhRx (the one next to it and then the one at the bottom) – unfortunately because it’s part of the core page builder plugin I can’t modify it inside the theme. However, I will open a request with the developers of the plugin to see if they can update that in the next version for easier usability. Great idea!

If you have any issues or confusion at all with the theme . documentation or video guides please let me know! I have over 500 docs, snippets and videos for Total so sometimes things do get a bit outdated or may need a bit of fine tuning if it’s not very obvious for the non-developer or someone new to WordPress.

Since there is such much documentation out there, the only way for me to really stay on top of it, is having customers report a documentation article as outdated or requiring further details. So please do let me know, of course i want to make sure everything is as easy as possible so that my customers aren’t wasting their time. I really appreciate all feedback and suggestions. Thank you!!

I hope you had a lovely weekend, AJ

Wow, AJ – tremendous support! Thank you. If I have suggestions of this type again, should I post here in the Comments or notify you in a different way?

Feel free to post all suggestions in the comments. I think it’s the best place and easiest for you ;)

- AJ

Hi, I am using header style one. My logo is tall about 150px height, and it looks funny with only a line of main menu on right.

Can you please advise how can I move the top bar section to just above the main menu? So we have the logo on left, topbar and main menu on right. Topbar on top of menu.

Leave some space between top bar and main menu.

If it is too hard to move topbar there, may be I can use a custom widget instead.

Thank you very much.

Thank you so much to your reply.

the code in function.php (childtheme)

<?php /* * Child theme functions * * When using a child theme (see http://codex.wordpress.org/Theme_Development * and http://codex.wordpress.org/Child_Themes), you can override certain * functions (those wrapped in a function_exists() call) by defining them first * in your child theme’s functions.php file. The child theme’s functions.php * file is included before the parent theme’s file, so the child theme * functions would be used. * * Text Domain: wpex * @link http://codex.wordpress.org/Plugin_API * */

/* * Load the parent style.css file * * @link http://codex.wordpress.org/Child_Themes */ function total_child_enqueue_parent_theme_style() {

// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
$theme   = wp_get_theme( 'Total' );
$version = $theme->get( 'Version' );
// Load the stylesheet
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );

} add_action( ‘wp_enqueue_scripts’, ‘total_child_enqueue_parent_theme_style’ );

This code only loads the child theme. Maybe some of it got cut off, can you share a screenshot instead of the whole file? Thanks!

If you would like to renew your support – https://wpexplorer-themes.com/total/docs/renew-support-license/ – you can also open a ticket – https://wpexplorer-themes.com/support/ (request it be sent to AJ) and I can help you add the modifications to your site ;)

- AJ

hi, I had purchased a new license for my new project and had asked for help by support ticket.

Thank you to your support and your theme is the best.

Hello! I’ve added a (Total) Navigation Bar in the left column on one of my pages, and I’m wondering why it ignores my Settings>Design selections with regard to (1) the Left/Center/Rights alignment and (2) Hover Animation? It seems the Button Style setting might be overriding both the left/center/right alignment selection and the hover animation selection(?) I can successfully change the font hover COLOR but it completely ignores my font hover ANIMATION selection (regardless of whether I choose Pulse Grow, Bounce In, or any other). Also, all the button styles except for Plain Text completely ignore my left/center/right alignment selection. (They automatically give a seemingly unchangeable center alignment for the button text.) So, is it true that (1) the Design>Alignment setting only works for Plain Text button styles, and (2) the Design>Hover Animation setting doesn’t allow one to change hover animation for any of the button styles? (Interestingly, the default (seemingly unchangeable) hover animation for Plain Text button style has the classic “underline under the text” look whereas there seems to be no hover animation whatsoever (other than selected color change) for all other button styles.)

I assume I'm missing something here and would really appreciate any guidance.
Thanks very much!

Ah, gotcha. This clears things up. So basically you want to align the text inside each link. You can do this easily with a little CSS added to the pages. I recommend using a unique classname for that like this: (give it any unique name you want).

Then add this CSS to your site: https://cl.ly/njh5

.my-custom-menu a.theme-button { text-align: left; }

I would like to see what you are doing though on the site if possible (you can submit a private ticket if you prefer). Because maybe whatever you are doing can be done in a much easier way. For example if you are adding this menu to multiple pages (rather then doing it manually). I want to make sure however you are building this menu if it’s to browse different pages that it’s done in the most efficient way possible for easier modification in the future.

- AJ

Excellent.. Thank you! I’ll need this side Nav Bar on only a few pages so I’ve now pasted the CSS you suggested in through the Visual Composer settings wheel at the top of the relevant pages rather than through other methods that would be applicable for the entire site (according to your instructions at https://wpexplorer-themes.com/total/docs/making-css-edits/ ). It works perfectly! I am wondering however if it would be better to paste the css in through the Total Custom CSS panel (under Theme Panel) if my aim is to minimize risk that something could get screwed up or lost when I do future updates or if I have to migrate my site to a different hosting company, etc. (As you can probably tell, I’m not a coder and fairly new to Wordpress.) Thanks again for your excellent support!

Glad that works ;)

It doesn’t really matter where you paste the CSS because both methods store the settings in your database which if you ever moved the wesbite to another hosting is the number 1 thing which gets migrated.

But of course if you pasted the code in the Total Custom CSS tab and you ever want to tweak it then you only have to do so in 1 place not in all the pages, so it’s easier for future edits if needed.

There is literally nothing that wouldn’t be lost if a site is migrated correctly – http://www.wpexplorer.com/migrating-wordpress-website/ – since everything (posts, pages, categories, customizer settings, custom css, etc are all saved in your database).

- AJ

Hi AJ it’s me again XD i want to use the recaptcha of google and and I wonder where I can put the google code on your theme :)

i want to use for the comments and contact form ;)

We’ll you’ll need to integrate it with the forms, you can’t just copy/paste code from Google. For example:

- AJ

thank you :)

Damn, I need the social link for SnapChat. Of course it is a Saturday.

I see the “Alter The Top Bar Social Icons” in the docs was done in 2015.

Does that still hold as is, or are there updates since you wrote that doc.

Damn, not running a child theme.

How can I switch to using a child theme without losing my settings?

OK, I switched to the Child Theme. I just used the Import/Export Settings to carry over all my settings.

Then I followed the instructions on “Snippets: Add New Social Options to Top Bar & VC Social Module” and it worked. The documentation could be cleaned up a little on this topic.

So problem solved.

Awesome, thanks for letting me know. Have a nice weekend,

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