Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,254 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22385 comments found.

Hi AJ,

I want to customize the lightbox on https://jaysnively.art/abstracts/ but I don’t know CSS and JS well enough to do it myself.

Some of the changes I want to make: —Move the next/previous arrows and title so they do not cover the image —Make images dissolve instead of ‘slide’ (the sliding behavior is distracting for those who prefer a minimalist approach) —Make background solid/opaque – like the skin ‘White’, except grey instead of white (again, a minimalist preference – seeing the page behind the lightbox is distracting)

I’m assuming you don’t support customization of this type, but I post this here for three reasons:

1. In case there is already documentation on how to make some of these changes.

2. To submit to the ‘wish list’ some minimalist options (i.e. no elements covering the image, less distracting behavior and styling) – I’ll be glad to elaborate but I didn’t want to make this post even longer

(Note: I chose ‘vertical’ for Lightbox Thumbnails Placement because I want the portrait-oriented images to have as much viewport as possible)

3. If there is someone you recommend that I can hire to do this type of work.

Thank you!

Thank you for the suggestions. Do you recommend anyone who I could hire to do customizations?

Hi,

The only people I know create full sites using Total I don’t no anyone for just tweaking (the Envato Studio website may be a good place to check though). But for any small tweaks like that opacity change I’m happy to help!

- AJ

I appreciate your offer to help.

If it was just a couple of small tweaks, I’d be okay with asking you. But I know I want more than that now and I will want even more later.

So it’s best if I find someone to hire. Goodness, you do enough already and it’s greatly appreciated!

Question #2: I read above how mohammed_burhani wanted a line at the bottom of the header and you suggested adding CSS:

site-header { border-bottom: 5px solid #f4f4f4; }

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

-which I did too, and it looks great, but disappears when using the Customizer>Header>Sticky Header on CSS3 Animated Shrink. It only stays if the sticky header is disabled, but the whole header disappears too.

Is there anyway to keep the line under the menu when the sticky header is “shrunk” using the above “CSS3 Animated Shrink” feature?

Thank you!

Hi there,

I read your first comment regarding being new and going to WordCamps. I just wanted to welcome you to the community, I hope you will love WordPress as much as I do ;)

Regarding the custom CSS for the border working on sticky. I can’t access your site for some reason: https://cl.ly/niIA

The border should be working with the shrink header as well . I made a little test using my demo here – https://cl.ly/nied

If the CSS isn’t working for you try adding the !important tag to the CSS as I did at the end of the video (link in the last sentence).

If that doesn’t work can you let me know if I need to set anything in my hosts file to be able to access your site? Thanks!

- AJ

Thanks AJ that did the trick!

site-header { border-bottom: 6px solid #XXXXXX !important; }

-keeps the line at the bottom when shrunk.

It takes awhile to load, because it is the base demo-lite, but should be visible.

I will be in touch when I hit the next snag. http://alpha.phillip-todd.com/portfolio/

And thanks for the warm welcome. This is refreshing after my last template experience (great template, poor communication, poor English and they eventually abandoned the great theme they made). I can see already, that Total is going to work for me to re-create that template. :-))) and receive updates!

Hi,

Great, I’m glad that tweak did the trick!

The site is working now and really fast, maybe your server was just temporarily down when I looked the first time (I’m digging the color choices you are going with also).

Sorry about your previous experience with a theme developer. I’m glad you decided to stick with WordPress though ;)

I know some people will put that they live in the US when they don’t live in the US to try and get more sales, but I am actually here in Las Vegas, NV.

I will be releasing an update tomorrow with a few updates – https://wpexplorer-themes.com/total/upcoming-update-changelog/ – and I see you’ve already registered your theme license so you should be all set to receive the notification once the update is ready to download.

Have a good night and feel free to reach out for any assistance or to provide suggestions/feedback.

- AJ

Do you have a snippet for allowing simply HTML in Icon Box heading titles? I need to add a return in there to force some text on the next line

Hi,

Whenever a module needs to accept HTML it must be saved as base24 code to prevent conflicts in the shortcode. Which isn’t as efficient which is why it doesn’t support html by default.

But it does accept shortcodes. So maybe the best solution here is to add a custom shortcode to the site for a breakpoint (I’ll add it in the upcoming update) I have a guide here – http://www.wpexplorer.com/wordpress-line-break/

Then use it like this: https://cl.ly/nj3R

Thanks for brining up this issue, having that br shortcode in the theme in the next update will be a great thing to have ;)

- AJ

Fantastic! What a great workaround.

Hey, I am interested in purchasing your theme.

I do have one question, for your glitzandglam theme is it possible to have the shop page look like this: http://totaltheme.wpengine.com/base/product-category/accessories/

instead of this: http://totaltheme.wpengine.com/glitzglam/product-category/dresses/

Also, on mobile is it possible to have two products per row instead of just one?

Hi,

Thank you for your interest and for your patience, I had an appointment yesterday and wasn’t able to get through all pending comments.

So regarding the shop. Definitely you can enable a sidebar and make it look more like the other demo. Every demo uses the same Total theme so anything you see on any demo can be applied to your site because the demos are basically just sample content (text+images) and then custom settings applied in the Customizer – https://wpexplorer-themes.com/total/docs/theme-options/

So for example if you see that one demo has a black header and another has a white header it’s just a setting in the Customizer to tweak that. Same with things like sidebars, widgets, etc.

Regarding the mobile columns. There currently isn’t a built-in setting but it’s very easy to do in a child theme using some custom code. I have a sample snippet here – https://wpexplorer-themes.com/total/snippets/change-woocommerce-columns-custom-columns-mobile/ – which I can help you modify to fit your needs.

I am also looking into adding the mobile column settings into the next bigger theme update though so you can choose your columns for tablets and phone sizes right in the Customizer ;)

If you have any other questions let me know!

- AJ

Thank you for your response, Just purchased. Please advise on how I can modify the theme to have two items per row on mobile instead of one.

Thank you so much again!

Awesome!

So first you’ll need to have a child theme – http://wpexplorer-themes.com/total/docs/child-theme/

Then just copy and paste this code into the child theme’s functions.php file:

// Alter the mobile columns for WooCommerce products
add_filter( 'post_class', function ( $classes, $class = '', $post_id = '' ) {

    if ( ! $post_id || ! in_array( get_post_type( $post_id ), array( 'product', 'product_variation' ) ) ) {
        return $classes;
    }

    // 2 columns on table portrait
    $classes[] = 'span_1_of_2_tp';

    // 2 Columns on phone landscape
    $classes[] = 'span_1_of_2_pl';

    // 2 Column on phone portrait
    $classes[] = 'span_1_of_2_pp';

    return $classes;

}, 50, 3 );

If you have any other questions or run into any usage issues or bugs let me know.

- AJ

Shrink Header Three is not working. My logo is 90px and I want to shrink to 50px. It doesn’t matter what I enter in the Sticky Header options panel or which style I apply in that same panel, nothing happens. Please help.

Yes. I am looking to shrink my sticky header. When the plugin is enabled I am able to set start height and shrink height (for header style 3). However, once set the shrink is not working. The sticky header is working but it is not shrinking.

I love this theme, by the way. Thanks for your time and effort here.

Ok yes, I made that plugin before the shrink header function even existed. Let me see if I can update it to make it work (should be possible). I’ll let you know once it’s ready!

I’m glad you like the theme ;)

- AJ

Alright can you delete the plugin and try this one instead? https://cl.ly/nmJB

It should work (I tested locally).

- AJ

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

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