Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,049 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22359 comments found.

Hi,

Is WPBakery (a.k.a. visual composer) plugin comes with Total theme as a “paid” plugin? I ask because I don’t have WPBakery “Templates Library” tab.

It could be because you give WPBakery as a “free” plugin only, or becuase my Total theme support ended few months ago. so which is it?

Thanks a lot, TG

Hi,

The template library is technically a “premium” add-on so it’s not visible unless you purchase a separate license of the plugin. But to be honest it’s horrible, the templates available are really ugly and many have design issues.

I am working on a new custom template library exclusive for total which should be ready early 2018 ;)

The support license is ONLY for submitting private tickets you still have full support in the comments, updates and all features included in the theme.

- AJ

Hi,

Just checking in to find out about the new custom template library for Total that we discussed earlier. Is it intended to be ready soon?

Thanks again :) TG

Hi,

It’s not ready yet, it’s intended to be released with Total 5.0 along with some other big updates (fonts manager, new advanced menu builder module, new advanced post grid module, etc). I hope to have this ready before April or early April ;)

- AJ

Hi AJ.

1) I have 5 image in İmage grid and I use custom links, but for example my second image doesnt include URL. What symbol I can use that my second image will be non clickable? # is not good, beacuse it open new windows (when target is new window) and jump to top in site. Thanks.
2) Can you add video lightbox option to image module? Default VC single image module has this option but it doesnt support that add link with acf

Hi,

1. If you enter # symbol the theme won’t add any link to the image – https://cl.ly/oWAF – it will skip the link on that image.

2. To add videos for the lightbox use the video setting on the image like this – https://wpexplorer-themes.com/total/docs/image-videos-attachments/

- AJ

Ignore it

I bought Total Theme. And I want to use NOUVEAU template. How can I use? I cannot find in main menu.

Hi,

Please have a look at the demo importer guide – https://wpexplorer-themes.com/total/docs/importing-sample-data/

- AJ

Hello AJ,

I’ve added the snippet “Customize Your Search Placeholder Text” but the placeholder is still the default “Search” word (in English, although correctly translated in PO/MO files).

Sample page : https://culture-officer.fr

My snippet : (and same for “Core …”)

add_filter( 'wpex_get_header_menu_search_form_placeholder', function() {
    return __( 'Chercher ...', 'Total' );
} );

Michel

PS : I’ve followed your hints to implement HTTP/2, and the site is performing very well (with WP Super Cache) : most 1MB+ pages are under 1s in Pingdom :grin:

So you want a different category for the single posts and different for the main blog page and all the categories, tags, etc?

For that you would have to use some custom code. First create your custom sidebar under Appearance > Sidebars then add this code to your child theme:

add_filter( 'wpex_get_sidebar', function( $sidebar ) {
    if ( is_singular( 'post' ) ) {
        return 'my_custom_sidebar_id';
    }
    // Return theme defined sidebar area
    else {
        return $sidebar;
    }
} );

Simply change “my_custom_sidebar_id” to the ID of the sidebar you created. Then the Blog sidebar in Total will be used for the archives and the custom one you made would be used for singular posts.

- AJ

Thank you AJ, it works fine, you’re too smart :grin:

I just realize that you may be interested to know why I asked this distinction :

It’s because my blog single posts are “tall” enough on the left of the sidebar with a widget of my 15 categories, all visible for a better “promotion”.

But some categories pages have few entries yet, so to avoid a big white space under them, I use on blog archives the smaller “dropdown” version of this widget

Michel

Hi there,

All plugins are up to date, etc.

Problem is, suddenly, the Callout, Footer Builder, and Footer Bottom has seemingly disappeared. It’s weird. I just updated some plugins, and have gone back and deactivated each one of them, in case that was the issue, but no luck yet.

Any ideas what could cause this in general? http://www.burleyboys.com

... As I said, it has been running flawlessly previously, and each of the above elements are set up correctly. I saw this, “The ability to display the widgetized footer when using the footer builder – this can be useful if all you want to do is add a new section above the footer with VC content such as a newsletter section or custom callout – Important: This required altering how the footer builder is added so if you made any advanced tweaks to the footer builder via a child theme please double check them” ... but, I don’t think that is the issue.

Thanks!

Chris

Hi Chris,

This is AJ the theme developer. So plugins shouldn’t cause this missing and unfortunately it’s impossible to know by looking at the site. What I can tell you though is there are no errors so it seems like the footer is simply disabled.

Can you try going to Theme Panel > Footer Builder and clicking the save button? (make sure if you are not using the footer builder that the option at the top is set to display widgets)

The only thing I can think of is potentially the site was using a footer builder page and then it was deleted later on causing a bug.

Happy Holidays!

- AJ

Hi AJ,

I like to come back to this one every once in a while, as it has never magically resolved itself :-)

Callout, Footer, and Footer Bottom just stopped appearing at a ‘global’ level at a certain point.

Everything is up to date, core and theme.

Theme Panel > Footer Builder is definitely Saved, and Saved again. (And, yes, I’ve changed the Page it is set to, Saved, and no effect)

What’s more is even when I go to Theme Panel > Footer Builder > (change to) None – Display Widgetized Footer, then Save Changes, then > Customizer … and the Footer Widget customizer option does not even show in the Customizer menu.

Reading other’s comments, the only other thing I saw is changing child theme to ‘import’ the /style-min.css versus /style.css from parent. But, that shouldn’t be it, as when I got to Theme Panel > Minify Javascript (and click to off), and that does not affect anything seemingly.

I have also not done a ‘WP Debug’ per say.

Any other ideas what would force all Footer components to simply not appear at a global level?

Thanks!

Chris

Hi Chris,

I would really have to log into your site to see what’s going on. You are correct that the style.css changes mentioned in other comments wouldn’t have any affect.

Something is definitely weird here and I can have a look for you and we can get it fixed up.

Now your support has expired so you have 2 options:

1. Renew your support license so you can submit a private ticket with your WP and FTP logins and request it be assigned to me.

2. Provide me with an email address and I will email you directly for this information.

Let me know how you’d like to proceed so we can resolve this issue!

- AJ

Hi, Can you plz help me with the below queries related to local-scroll sticky menu for a single page. I want to keep the main header menu + add this local section-scroll menu as well.

I have a long page want to provide a local scroll menu to improve the user experience.

1. Both sides of the menu row has a gap. I wanted the menu to be full-width.

2. I need to add a 3px line / shadow at the bottom of the menu for better usability (just like in the main menu)

3. The custom menu is setup under Appearances==> Menus. I have added new menu items as custom links. However, the spacing between two menu items is very less. How can i increase this space only for this menu?

4. Is there a way to make the current section (active menu item) of a different color / bold. Also, as the user scrolls down different sections, the corresponding menu item should get highlighted

5. I wanted to make the last menu item into a button. How can this be done?

SCREENSHOT : http://prntscr.com/hr0mh3

LIVE TEST PAGE : https://www.burhani.co/veeam-cloud-connect-working/

Thanks

Hi again, please see below link which is the type of local scroll menu effect that i am trying to achieve (its missing the active section menu item highlight, but you get the overall idea)

https://www.vsystems.com/veeamcloud/ http://prntscr.com/hrafys http://prntscr.com/hrag7k

Hi AJ, Can you plz revert on my query? Mohammed

Hi Mohammed,

Sorry I didn’t see the original question thanks for replying back it moved it into my dashboard so I could see it.

1. Make sure you enabled stretch row (without padding) for the row your menu is in so it touches the edges of the screen.

2. Give your menu a unique classname then you can add the shadow with a little css – https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

3. When you edit the Navigation Bar module you can add more padding or margin between the items under the Link CSS tab – https://cl.ly/oZRV

4. Because you can manually control the design of the menu items it’s impossible for the theme to add a highlight to the active item that magically looks good with whatever custom colors you are using (unless you are using a preset design under the design tab). But the theme does add an active class to the items when they reach the section so you can use CSS to target them.

5. Give your last menu item a unique classname under Appearance > Menu then you can use CSS to style it differently.

And of course you can always use advanced menu plugins like UberMenu if you prefer for this menu section.

- AJ

Hi, When embedding a YouTube video using the video module, is there a way to make the video autoplay and not display related videos upon completion.

EG: when the page loads, the videos plays automatically and when complete, it does NOT play other related youtube videos OR loop back.

http://prntscr.com/hqvf3v

Since the Video module is displayed using the WordPress oEmbed function you can’t pass on parameters to it. If you want the video to auto play simply use a standard embed from youtube and add it to the html module. Have a look here – https://wpexplorer-themes.com/total/docs/insertembed-videos-custom-parameters/

For auto play add &autoplay=1 to the end of the URL in the embed code.

Just note that many browsers are starting to disable auto play videos and audio on websites. In the latest Apple IOS it’s been disabled.

- AJ

Hiya.

I’m using Total with the WooCommerce plugin. So far, it’s fantastic.

One really annoying issue, though—the Checkout page.

The WooCommerce default Checkout page has an annoying AF ‘two-column’ layout. For rendering on desktop.

BUT…if you ‘smush’ the screen so that it reaches tablet dimensions in your template, WooCommerce STACKS all the divs that manage those information ‘chunks’....so instead of being a two-column look, it is now a one-column, stacked look on desktop.

I want this to be the default view on desktop!! NO MORE two-column look. I also looooove how the other elements (Stripe’s area and the Order Summary area) that were also part of the ‘two-column’ default WooCommerce Checkout page…they too ‘stack’ on top of each other. So it’s all nicely stacked, now wider versions of themselves. The former versions of themselves had little columns (2 to the page)...and now that it’s one-column for each div (each section displayed)...each is wider. Because each of them has nobody else to compete with for horizontal real estate. They can finally have a nice amount of room for someone to type in.

How should I achieve this?

Through….CSS, PHP, or Javascript? Or even JQuery?

Or….....do you have an alternate Checkout page ‘script’ you can post here? One that will force the desktop version to think it can’t go beyond a certain dimension (max) and has to stack everything by default? That way it wouldn’t affect iPhone or Android phone views (because they’re smaller than tablets)...

This would be my ideal, I think….perhaps in CSS????? Is that the right way to solve this, AJ?

P.S.: I do NOT want the little ‘hamburger’ menu to appear or any other element from the mobile view to appear on the desktop version. I want juuuust the body content to behave like it is on tablet view when viewed on desktop—so its sections can stack. So, please note: I want the body to behave like it’s on tablet view by default, when viewed on desktop. But leave the headers and everything else alone when that happens. :)

AND ONLY for the Checkout page. Nowhere else. :D

Hi,

Regarding the checkout columns that would be a very easy CSS edit. Simply add this to your site:

.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment {
    width: 100% !important;
}

The first part is the columns at the top and the second part is for the review/payment boxes at the bottom.

- AJ

Oh and if you aren’t sure this is the guide for adding CSS to the site: http://wpexplorer-themes.com/total/docs/making-css-edits/

Hi, AJ, I have 3 questions:

1. How do I remove icons from blog sidebar widgets. The Recent Posts, Archives and Categories widgets all have little page or folder icons. I would like to remove these.

2. Add space under the header for single post pages only I found the snippet to add space under the header for all pages, but I only want space on the single blog entry pages.

3. Do you have a resource or recommendations page for developers/contractors who are good with customizing the total theme?

Thanks!

Hi,

1. You can remove these via Appearance > Customize > Sidebar > Widget Icons

2. You can do this with CSS like this:

body.single-post #main { padding-top: 40px; }

3. Unfortunately I don’t at the moment, most the developers I know do their own custom work (full sites) and they don’t do freelancing for small tweaks.

If you find someone though make sure to send them over here:

these are all good resources for them.

- AJ

Hi, Is there a way to create a callout similar to http://prntscr.com/hqktue? I need to be able to add a person’s image along with text and a button.

Please advise. Mohammed

Hi Mohammed,

Do you want this at the bottom of every page or just a single page?

If you are using the page builder you can just add a row with 3 columns and insert the person’s picture in the middle column and the text in the other two. That’s how it looks like they did it in the screenshot (if you share the actual URL I can tell you though exactly how it’s done).

- AJ

Hey, I wanted different call-outs for different product pages. I guess i could create a row and insert the image. How does one get the image to protrude out of the top of the row (eg: in this case, the lady’s head is a little out of the top of the row)

The link is : http://www.sherweb.com/cloud/veeam-cloud-connect/#how-to-buy

The quickest way is using a negative margin – https://cl.ly/oTam – just make sure to test responsively. You may need to add a spacing module above the image that is visible for mobile only which is the same height as the negative margin so that the picture doesn’t run into the text above it. Or make sure there is a bottom padding on the text in the left column.

Hi – When using Gravity Form and set it to multiple pages, the next and the previous button CSS / Style does not match the Submit button. Can you please share css to make it match? Thanks

Can you share a live example? The theme only targets buttons and elements with the button class. It sounds like Gravity Forms just uses standard links for the next and previous. If you want them displayed as buttons the best thing would be to ask the plugin developers how you can add the button (or theme-button) class to the next/previous links. This way whenever you make changes to the buttons on your site it will target these automatically instead of just using custom CSS and having to manually update it.

- AJ

Hi! I was looking to translate those strings in the blog pages : “Leave a comment” and “Posted in”. Those strings were not in the Total po/mo files, and not in the Wordpress core po/mo neither. Thanks for your help!

Ok…I just discovered that a colleague who’s also administrator installed a plugin called “Post in page”. Miscommunication inside the team. :) Thanks!

How to center Image caption text in the middle of the image

Hi,

The image caption should be centered by default when adding images in the editor – https://cl.ly/oTfv

It’s also centered by default for the Single Image – https://cl.ly/oUOq

So I’m not sure what you mean, can you explain or share a live example? Thanks!

- 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 for free ;)

I’m talking about the “image” element: I want to use images with a title in the middle of the image (not middle UNDER the image, I mean centered in the middle of the image) to have also a hover effect from grey to color when passing the mouse on it. Right now I’m using a temporary solution with heading elements, but those doesn’t have hover effects. Looking forward for a help, thank you!

Can you show me what you are doing now? Maybe a screenshot. This way I can see exactly what you are doing and give you the best solution.

Thanks & happy Holidays!

- AJ

Hi, is there any way to switch/swap the two columns of a row on mobile devices? Thank you.

Hello there

I see the top navigation bar is sticky on both scroll down and scroll up. Can I set it as sticky only while I’m scrolling up? and disappear while scrolling down

This functionality isn’t built-in but can be done with some custom javascript. I wrote a snippet for you so you can see how you can achieve that pretty easily (for any theme basically) : https://wpexplorer-themes.com/total/snippets/sticky-header-scroll/

- AJ

thank you so much AJ!

Hello, somehow I cannot disable the parallax on mobile, even it shows that it is disabled. Any advice?

Hi, Sorry for the late reply. I will post you a ticket with access to the site. Thanks in advance!

Update: after the latest theme update everything is OK.

Great, I’m glad the update fixed it!

Hi, I’m trying to use the accordion with only 1 section. But one I close it, disappear completely and can not expand again.

I tried with more sections, and as I close one section, can not recover again to expand.

Any ideas, please?

Thanks.

Hi there,

Happy Holidays! Sorry for the delayed response. I can help you with the CSS to alter the accordion. Can you share the URL so I can see what you have and this way I can provide you with the CSS code to add to your site ;)

- AJ

Hi AJ thank you so much for your support! You are really really great! And happy holidays.

The url is:

http://sevilla.espurotango.com

Is just the first things you find there “SCHEDULE AND PRICES”. I would like to put into accordion sections every part I have described there: MILONGAS, CLASES, PACKS DESCUENTO. Every title of the accordion, I would like to be like the text separator.

Hi,

This could be a bit tricky with the accordion. But if you setup a child theme – https://wpexplorer-themes.com/total/docs/child-theme/

You can use CSS to hide the sections and then javascript to turn the titles into toggles. It’s pretty easy code which I can give you!

All you need to do is setup the child theme then give your items a unique classname that I can use for the custom javascript.

I highly recommend because you have multiple rows to use “Sections” it will make it much easier.

See this video: https://cl.ly/oZhx

So you would add “my-toggle-heading” to the heading and then “my-toggle-row” to the rows inside that section. This way I can write some custom javascript for you to show/hide the sections ;)

You can use any names you want “my-toggle-heading” and “my-toggle-row” are just examples..But make sure they are unique.

Since your page already has a lot of content. I would recommend doing this in the backend editor and not the front-end. Simply add a new section and hen move your elements inside it. This way your headings and content that you want to hide are all inside their own sections.

Make sense?

- AJ

Hi there,

I’m really loving your theme. I’m almost done with our site and am really loving how everything came together so easily.

I have come across a problem though. For our homepage, we wanted to put in a full width video to autoplay on loop, which I was able to do and looks great. Based on previous tips, I placed a background image, since the video won’t show up in mobile.

Everything seemed great until I started testing the site on Safari and Firefox. When you first go to the site, it shows the background image (with a little unwanted repeating at the top) and then goes into the video. If you click on a separate page and go back to the homepage, it happens again and again. I’ve tried emptying the cache, which didn’t help.

Do you know what’s causing this problem and how to fix it? Ideally only the video will play across all browsers and only the image will show up on mobile.

Thank you for your help!!

Here is the site: http://biz236.inmotionhosting.com/~indust85/

I also tried your other tip about having the video show up on mobile through css, but it’s only a static picture of the first frame of the video, which isn’t the prettiest image to show.

Hi,

Great, I’m glad you like it!

So what you are seeing is the background loading before the video. I see you are using revolution slider for this. So basically you want to hide the background layer on desktop so it doesn’t show at all.

I don’t see the “unwanted repeating” that you mention though, I only see the background image loading and then the video.

If you want to export your slider and send it my way I can load it on my localhost and see what you did exactly and tweak it to hide the background when not needed and send it back.

- AJ

Oh and you mention lastly regarding my “tip” I think you are referring to one where I was mentioning the row video backgrounds in the page builder, not videos when using the Revolution Slider so the code would be quite different for that.

Hi,

I have a problem with the staff functionality.

I’m trying to show a picture of an employee and show more information when I hover over the picture. I chose title + exerpt as image overlay but it doesn’t work. In fact, most of the image overlays don’t seem to work for staff. I’ve tried to make it work with the portfolio and that one works. Is there anything I’m doing wrong?

Thanks!

Hi,

Can you share an example? it should be working just fine. Example: https://cl.ly/oTzb

By the way, depending what you want to show you can always create your own custom overlays – https://wpexplorer-themes.com/total/docs/create-new-overlay-styles/

- AJ

Hi AJ,

Thank you for your response,

I didn’t get it to work with the standard staff grid overlay settings. It just shows the image and doesn’t show the overlay. I removed it this afternoon but I just placed it back temporarily on the website for the example (staging.realconcepts.nl). I placed the staff grid just above the footer.

In the meantime I learned about the WPBakery Grid builder and created a new overlay. Funny how you learn the most from mistakes and a bit of research.

So I guess the problem is solved with a workaround :).

If you do find out why the overlay didn’t show up, I’d love to hear what I’ve been doing wrong.

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