Discussion on Total - Responsive Multi-Purpose WordPress Theme

WPExplorer

WPExplorer supports this item

Supported

15820 comments found.

Hi AJ, can you please share the CSS code to add custom colors to multi-buttons?

You can actually just choose custom colors when inserting them – https://cl.ly/ogsZ

If you don’t have these options make sure to update your theme to the latest version.

But if you want to actually define a custom color for the pre-built styles, you would need to first register it with PHP like this – https://wpexplorer-themes.com/total/snippets/new-button-color-option/ – then for the CSS simply have a look in Total/assets/sass/main/core/_buttons.scss – you can use this file to generate the CSS for your own custom code. Because there are so many “styles” to apply the color for the css can be a bit tricky.

- AJ

Hello, love the theme. Do you have any plugins or recommendations for combining CSS files? My site seems to be loading 6 different font files and a bunch of other CSS files all separately so I’m not sure if it’s something I have setup incorrectly? It’s not getting that great of a score on page speed insights. My site is: www.parkedinparadise.com thank you!

Great, I’m glad you like it!

There are plugins you can use but it’s almost always unnecessary in a lot of cases it actually slows down your site speed.

More importantly your site is using http2 protocols – https://cl.ly/oh88 – which means your scripts load in parallel so they load faster then potentially having 1 massive file – https://cl.ly/og4v (see the right side under the waterfall column you can see there is no wait time between files being loaded)

Yes, I know some sites like Google Insights may tell you to minify the scripts but a lot of these sites aren’t very accurate you need to look at your actual site’s waterfall and server setup.

If what you really want is a higher speed score on these checkers my recommendation would be to remove the Facebook widget on the sidebar as this is taking up a big portion of the loading time and it loads quite a few scripts.

You can do some other things to help speed things up like trying out a lazy load plugin for the images but combining scripts I don’t believe will help at all with actual site speed and may in fact harm site speed.

Amazing job with this site by the way (as usual)! Nice to see you around, I hope you had a nice holiday season!

- AJ

Hello,

I’ve purchased Total Theme and I totally love it. I have got few questions that I have tried to Google them and look them up in your provided documentation but now luck

1 I would like to add a Lightbox that works as a gallery or portfolio (will explain it more in details ) basically when a user clicks on one pictures it pops up on image with arrows on the sides where user can check more pictures that relates to that featured image user clicked. Here is what I have tried: Adding a portfolio, and linking the media part to Light box, which seems fine so far but since I have another portfolio created earlier, it will share the same one I have, even though I have categorized them with different tags, and another point it won’t show the images gallery that I added to that specific featured image, meaning every picture I add, it will create a separate page for it and I don’t want that. A great example can be found on this website, I would like to have the same exact thing for the gallery section, you see on their website you can view pictures without going to another page and every featured image works as an album cover www.cyicd-hr.com

2 Second, how can I center a column, I imported one of your demos and there is one column and inside it icon box elements, and there was an image on the left side, so once I removed that image, it moved to the left and I can’t re-position it now to the center unless I add an element in the left to push it a little to the center. Please help with this, and I wish the help doesn’t require the need for any coding.

3 Third, and fourth together how can I move the logo to the left a little on the main menu header? How can I add a list of company logos to show that some companies that we work with?

Thank you

Hi there,

I’m glad you like the theme, awesome! Thank you for trying to Google for answers first, but please know you can always ask me, so don’t waste too much time researching ;)

1. Check out the Total “Image” module with gallery lightbox. Here is a video: https://cl.ly/ogOj

2. What you want to do is actually center the Icon Box element, not the column. Columns will always be 100% wide. See here: https://cl.ly/ogOj

3. Depends on the header style you are using but it can be done with a little custom CSS. Can you share the live URL?

4. Most people like using the Total “Image Carousel” module for the logos list but you can also use the “Image Grid” module.

- AJ

Thank you AJ for your quick and efficient reply. If you may please send me the other link coz both provided links are the same.

One more question before please, can I make the header fixed, meaning it sticks on screen while scrolling, also can I reduce the height of the header and add pic logo instead of text?

Thank you again

Hello, great theme, I’m very satisfied with my choice. I have few questions about translations, because there are few elements that I couldn’t find the option to change them.

Those will be: page header on the home page (.page-header-title), search placeholder, read more button (.blog-entry-readmore), comments title (.theme-heading.comments-title), search results page header and trail in breadcrumb. I’m using the Polylang and it enables to translate some of the texts.

Hi,

Oh I’m sorry for the confusion, Polylang doesn’t actually allow you to translate all the strings in the theme only the registered strings (like theme options). I just confirmed with their docs – https://polylang.pro/doc/how-to-translate-the-themes-and-plugins-hardcoded-strings/

I was confused because on the plugin download page it says it automatically scans for strings (which is what other translation plugins like WPML do) but it appears it only scans for polylang specific strings which is not good to ever add in a theme since these can’t be translated in any other way and without polylang you will have debug errors.

So it looks like with Polylang you need to either use the .POT file or a plugin such as Logo Translate as it mentioned in their documentation (link above).

Again, I apologize for my initial confusion. Make sense now?

- AJ

PERFECTLY! Loco (not Logo) Translate was exactly what I needed :D. I’ve went through installation and configuration process (I must’ve change “File prefix” in Loco from default “total” to “Total” because your template is named Total.pot) added new translation for Polish and voila :). Also, page header on the home page is a translatable string (Recent Post) so this also can be made by that plugin.

What if I’ve managed to create whole Polish translation? Could you include it in your theme or there are some legal barriers that prevents you from that?

Awesome!

Yes, if you want to send over the Polish translation I will include it in the theme for the next update also I will give you credit (link to your profile).

- AJ

Hi, I have Total 4.4 and received the 4.5 Update. I’m not an expert, how do I install 4.5? Do I simply “add new”? I don’t want to loose my site https://home-business-marketing.co.uk/ Many thanks.

Hi,

In version 4.5+ we added automatic updates but since your theme is a big older you’ll need to use the older method which is via the Envato Market Plugin – http://www.wpexplorer.com/envato-market-plugin-guide/ (once setup go to Dashboard > Updates and you should see the update available there).

Once updated you can delete the plugin and go to Theme Panel > Theme License to enter your license for built-in updates ;)

Updating only replaces the theme files as long as you didn’t manually edit any theme files you should be perfectly fine. But it never hurts to have backups for your site – http://www.wpexplorer.com/backup-wordpress-site-plugins/

If you run into any issues though just let me know!

- AJ

Hi AJ,

Many thanks for getting back to me.

I have installed the UpdraftPlus Backup/Restore plugin but, when trying to backup, I get the message, “The scheduler is disabled in your WordPress install, via the DISABLE_WP_CRON setting. No backups can run (even “Backup Now”) unless either you have set up a facility to call the scheduler manually, or until it is enabled.”

I’m not technical enough to know how to deal with that issue.

Can you advise me, please?

Best Regards,

Sean Dougall

Hi Sean,

You’ll need to contact your webhost for this. It’s possible though that you may not be able to use this plugin with your hosting company. But its also possible that your hosting company does daily backups so you may not need to do this.

Personally I only use and recommend VaultPress for backups or manual backups, so I don’t have experience with any other backup plugins like this one (most of them aren’t very efficient).

- AJ

Good morning AJ

How are you doing today and Happy New Year.

Not sure if this is a potential bug or just a plugin in conflict between Contact Form 7 & WPForms.

When selecting the Total Form Short Code Element to add the form short code to a page the only option is Contact Form 7 (when both Contact Form 7 & WPForms are active) on the General Tab of the Form Short Code Settings. This wasn’t the case previously (v4.4.1) and the only reason that I noticed is because today I was making a change to the contact form (WPForms) on our contact us page.

It’s not really a big deal because I just used the WPForms Element instead of the Total Form Short Code Element.

Have a great day AJ.

Bill

Hi Bill,

Good morning. I am doing well, thank you for asking. Happy New Year to you too!

Oh shoot, it’s a bug from a couple updates ago. Thank you so much for reporting it!

Here is the fixed file – https://cl.ly/og4W – you can replace via FTP at Total/framework/3rd-party/visual-composer/shortcodes/

Sorry for the troubles and thank you for reporting the issue.

- AJ

Hi AJ

No troubles at all AJ and thank you for the fix. Have a great day.

Bill

You too!

Hi,

This is a questions about the (really useful) feature whereby some elements, rows etc can be setup to be visible only on certain devices.

If I show a different background image for desktop, tablet and mobile, will all 3 images be loaded (but only 1 visible) or will only the 1 relevant image load?

I’m asking this because I want to know how it affects page loading time.

Thanks.

Hi,

This depends on the browser actually, but for most it will load all 3 because of how CSS works on most sites.

By the way quite a lot of customers are actually using this plugin – https://codecanyon.net/item/responsive-for-visual-composer/20085272 – for doing things like tweaking the backgrounds rather than using visibility settings. It’s a cool plugin and may save some time.

- AJ

Thanks for the info. I’ll be more careful about using this feature with images, and I’ll check that plugin.

Just let me know if you want some advice regarding design or theme feature usage I’m happy to help!

BD2017

BD2017 Purchased

Hi Apologies if this is such an obvious question but I cannot seem to find where to change the background color of the top navigation (main header menu) and the footer widget area. Currently they are both black and I wish to change them to a blue colour. Im using the Glitz & Glam demo and its the menu at the very top and where I’ve pit three footer widgets at the bottom. Also the hover colour on the top nav is currently pink, where do I change this? Thanking you in advance!

BD2017

BD2017 Purchased

Hi Footer Widgets is definitely ticked in Customizer Manager but it doesnt show. I also noticed I dont have a ‘staff’ one either. I installed the Glitz and Glam demo, does that make a difference? Im currently on version 4.5.3 so will update

I’m wondering if you somehow enabled the Footer Widgets using the meta options – https://wpexplorer-themes.com/total/docs/page-settings-metabox/

Instead of Globally or if you deleted the default Footer Page.

Did you already check under Theme Panel > Footer Builder as mentioned in my previous responses? Go there and if you still have a page selected for the Footer Builder make sure the Footer Widgets checkbox is enabled. If not, just click the save button and it should fix it.

The staff tab is missing just because it’s disabled on that demo, go to the main Theme Panel if you wish to enable it.

- AJ

Of course you can always open a private ticket and send me the site logins (request it be assigned to me) and I can just go through the steps for you and make a little video to show you what I did – https://wpexplorer-themes.com/support/

- AJ

Total’s Creators, your theme really worth its name, but there is something i see that lacks in your theme, and I see modern themes nowadays has… You should integrate new headers styles, you should add modern headers like Consulting and other modern themes has, I know you have the header builder, but we need something more easy to customize, you should add different styles of pre-made headers. Please add this feature to your roadmap. i will love to see Total with modern headers

Hi,

I am actually working on a new advanced menu module for the page builder and also pre-made header builder templates ;)

I could add more “styles to the basic header but ultimately I think using the header builder is the future of the theme. If you want to share any suggestions for header styles you can do so privately – https://wpexplorer-themes.com/support/ (request your ticket be assigned to AJ).

A lot of themes do offer more built-in header styles but they are super bloated and load a bunch of extra CSS that just slows down the site, I’m working on doing it the “right” way. Hopefully in the next 1-2 months it will be available (also a new Total template library is going to be introduced with header templates, footer templates, page templates and sections).

- AJ

Thank you for your quick answer. Im very satisfied to hear thats coming soon, and also that you already working on it. Its glad to hear that you are considering to maintain the theme fast as it is. You guys are the best!

Definitely! I have a lot of plans for upcoming updates/improvements – but keeping the theme as fast and slim as possible is always a huge focus. I hope you had a nice weekend and if you have any other suggestions or issues let me know!

- AJ

I am using the Total theme. When I attempt to change the font color in Page Header Title nothing happens. I change the font itself elsewhere in the customization (Typology), but not the color.

Yes. I am building off the nouveau Demo, and all the page titles have image backgrounds (with I’ve switch out with my own images). URL example: drdanlee.com/portfolio

Thank you for clarifying!

So the page title with background is a custom title style set via the meta options – https://wpexplorer-themes.com/total/docs/page-header-backgrounds/ (or via your category settings if your category) – so it has to use it’s own custom CSS separate from the default header title style to prevent any conflicts.

That said, it’s very easy to tweak if needed with a little custom CSS. Example:

.page-header.background-image-page-header .page-header-title { color: #000 !important; }

That is to change the main title and you can use this for the subheading:

.page-header.background-image-page-header .page-subheading { color: #000 !important; }
http://wpexplorer-themes.com/total/docs/making-css-edits/

Does that clear things up for you? If you have any follow up questions or issues please do let me know!

- AJ

ps: You can also just disable the title on the page if you want and then insert a row with the Visual Composer and a heading module at the top of the page if you prefer for greater control. And you can also use theme filters – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/ – if you want to make global changes to the default header style or dynamically set a title background like this example snippet : https://wpexplorer-themes.com/total/snippets/page-header-background-image-global-edit/

Sorry for the late reply. Info was very helpful. Thanks.

BD2017

BD2017 Purchased

Hi I’m slightly confused with regards to the Portfolio. I need to be able to add numerous photos however I do not need any text etc, I just need it to simply show a grid of my photos. However it seems to suggest I need to input them one by one under ‘add new’ to include them. All I need is a page showing my photos of my work but having to add one at a time is very time consuming. Is this right?

BD2017

BD2017 Purchased

Thanks for the quick reply, much appreciated! Yes it’s simply a display of my work really and there’s no need for captions or descriptions so this sounds more like it. One thing (sorry!).... If I create a page with say 30 photos on it, is there a widget that I can use on the home page builder which would show a random selection of these images?

If you want to show random photos and the same number of them on both the homepage and the other page you can go to WPBakery Page Builder > Templates and add a new template that has your image grid and insert the template on both pages.

But if you want one page to have all the photos and then the homepage to only have a few of them then you would need to use a little code to dynamically pull these, but it’s not very hard!

You would want to create your main photos page using the post gallery to add your photos – https://wpexplorer-themes.com/total/docs/using-post-gallery-image-galleries/

Then on the homepage you can insert an image grid module but leave it completely empty so that we can “hook” into that module with some code via a child theme – http://wpexplorer-themes.com/total/docs/child-theme/

The module has a filter – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/ – you can use named “vcex_image_grid_attachment_ids” which you can use to tell the module to grab the photos from your main page.

The code would look something like this:

add_filter( 'vcex_image_grid_attachment_ids', function ( $attachment_ids, $atts ) {
    if ( is_home() ) {
        $attachment_ids = wpex_get_gallery_ids( 2 );
    }
    return $attachment_ids;
}, 10, 2 );

That would go in the child theme’s functions.php file and you would change the “2” to be the ID of the main page that has all your images. What this will do is locate all those images assigned to your main photos page and show them on the Image Grid module used on the homepage.

Than edit that homepage module under the “General” tab and make sure it’s set to only show 30 images – https://cl.ly/ohtB

Make sense?

- AJ

BD2017

BD2017 Purchased

Thank you. I’ll give it a go!

Hi AJ, Adrian,

I tried a few times to go through the process of submitting a ticket but for some reason the submission process did not work.

So I am re-sending this via the comments section.

I am currently using Total theme 4.5.4.1. on Wordpress 4.9.1.

1. What do you suggest is the best way to ensure the year in the footer copyright information changes automatically?

I was previously doing it manually via Appearance -> Customize -> Footer Copyright and changing the date. Is there a way to add javascript here, for example the following code?

Copyright © <script type=”text/javascript”>document.write(new Date().getFullYear());</script> NEIL MARCELLO STUDIO All Rights Reserved.

2. I went into the Editor panel and noticed for the first time that errors are shown before updating the file in this case the style.css. I scrolled down to see what these four errors it mentioned were and saw four lines with #transparent highlighted in red (please see attached screenshot image).

I can’t remember what this is, but would appreciate it if you could please help me sort this out.

Thank you Neil Marcello

Excerpted Code lines in question from Child Theme’s style.css

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab > a, .vc_tta-color-grey.vc_tta-style-modern-tabs {border-color: #transparent !important;background-color: #DDD !important;}

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab.vc_active > a:hover, .vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab > a:hover {border-color: #transparent !important;background-color: #666 !important;color: #FFC220 !important;}

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab.vc_active > a {border-color: #transparent !important;background-color: #666 !important;color: #FFC220 !important;}

/* Mobile VC Tabs */ .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #transparent !important;background-color: #FFC220 !important;} .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { background-color: #DDD !important;}

Hi Neil,

1. There is a shortcode you can use for that, please see the docs here: https://wpexplorer-themes.com/total/docs/current-year-shortcode/

2. The new WordPress editor since 4.9 will show warnings and errors you can hover over them to see what they are like this: https://cl.ly/ohW7

The problem is that #transparent isn’t a color you need to remove the # symbol so it just reads transparent.

I replied to your newer message, if you still have issues with sending tickets please let me know!

- AJ

Portfolio entries not linked anymore? I’ve updated the theme but I’ve noticed that now I see the portfolio page but all the portfolio entry pages are not linked, even when in the preview of each single entry page, it brings me always to the page “sorry this page could not be found”. Solutions?

Hi,

The portfolio should of course still work.

Try going to Settings > Permalinks and clicking the save button. If that doesn’t work let me know.

404 errors are generally related to .htaccess or permalink errors – http://www.wpexplorer.com/post-type-404-error/

- AJ

Already found solution: In Post Type Editor with the update the main page has been unselected, I just selected again the portfolio page and now it’s ok.

Great, I’m glad you got it fixed up!

The main page setting is used only for breadcrumbs. But when you save your settings in the Post Type Editor it actually does the same thing as saving in Permalinks which fixes the 404 errors.That’s why it works ;)

BD2017

BD2017 Purchased

Sorry again for my ignorance. I have now built 5 different portfolios. I have 2 pages where I would like to show different portfolios, how do I do this? Each page needs to have a number of text paragraphs and then I would like to have a link to the relevant portfolio. Is there a shortcode to use?

You should categorize your portfolio items into 2 different categories this way you can insert a Portfolio Grid via the page builder on each page and choose to display items only for the specific category you want.

Like this: https://cl.ly/ohS1

- Aj

Hi AJ, I have tried and retried several times to submit a ticket through the ticket page but it does not work as it just hangs after clicking the submit button.

In fact I have a separate window running that submit page request as I type this via my iPhone.

I also submitted via this comments section earlier this morning and haven’t yet seen a response from you or your team.

So I would appreciate it if you could please take a moment and get back to me.

My support has been recently renewed for the next 6 months as well in case you’re wondering.

Thanks Neil Marcello

Update—Hi AJ, I just retried sending the ticket via the Submit request page using Firefox (an older browser version used before for past tickets), and this time the submission went through from my end.

When you get a chance, please let me know if you have received it. I will continue using that as my preferred method.

Thank you again and look forward to hearing about the issues at hand.

Cheers Neil

Keep me posted! I cleared all my site cache just incase.

Hi AJ, Thank you so much again for your help. The shortcode and removal of the hashtags did the trick. Really appreciate your support.

Cheers Neil

BD2017

BD2017 Purchased

Hi I have created a home page using the page builder. I have a row with a background image with a heading and a total button over it. However I’d ideally like this to be a slider but cant see how I have a slider with the heading and button over it? Thanks in advance!

Hi,

You’ll want to create your slider via the bundled Slider Revolution plugin. This plugin allows you to create unlimited sliders with any layers you want and you can import a sample starter slider if you want from here – https://revolution.themepunch.com/free-slider-exchange/ – and then just tweak it to best fit your needs – http://www.wpexplorer.com/revolution-slider-review-guide/

- AJ

BD2017

BD2017 Purchased

Thanks AJ, much appreciated!

Did the option to disable the search bar in the header move to a new location? I don’t see it on Header/Menu/Search Icon.

I did see that option but it had no effect on the Search on the header when I selected disable. I’m using Two-Bottom Navbar header. I can hide it with CSS, but wondered if there was the Customizer option.

Oh…sorry the option I mentioned is for the search inside the menu. To remove the search from header style two go to Customize > Header > General > Header Aside Search

Is that what you are looking for?

Yes, that was it…right under my nose. Thanks.

Hi, does the font awesome shortcode accept a background color for the icon? e.g. you want an icon on a circular background color

No it doesn’t, but you can just use the Total Page Builder “Font Icon” module instead which has a bunch more settings.

If you are working outside of the page builder depending what you want to do you could just use HTML and give your icon a unique class like this:

<span class="fa fa-home my-custom-icon" aria-hidden="true" />

This way you can style it with a little CSS, example:

.my-custom-icon { background: #000; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; }

- AJ

Hi, I´m using the following function to disable certain blocks on specific post types, hower I have one additional post type (mag) where I want to disable only the share block – how can I add this to the function? (I tried duplicating with only one post type but then I get an error :grin:

// Disable header blocks von custom post types function myprefix_cpt_single_blocks( $blocks ) { unset( $blocks['title'] ); unset( $blocks['meta'] ); unset( $blocks['share'] ); unset( $blocks['media'] ); return $blocks; } add_filter( 'wpex_veranstaltung_single_blocks', 'myprefix_cpt_single_blocks' ); add_filter( 'wpex_creativecomp_single_blocks', 'myprefix_cpt_single_blocks' ); add_filter( 'wpex_programm_single_blocks', 'myprefix_cpt_single_blocks' );

thanx so much

Hi,

It would be something like this:

function myprefix_mag_single_blocks( $blocks ) {
    unset( $blocks['share'] );
    return $blocks;
}
add_filter( 'wpex_mag_single_blocks', 'myprefix_mag_single_blocks' );

You just need to create a new function with a unique name. Also when copying snippets you should change “myprefix_” to something unique. For example “waldonox_cpt_single_blocks” or something based on the site you are working with, just so it makes more sense ;)

But if you use the Custom Post Types UI plugin for adding your post types you can control all the blocks right in the backend ;)https://wpexplorer-themes.com/total/docs/adding-custom-post-types/ – I added full integration for this plugin so you can control the post type completely.

- AJ

First of all the theme is awesome in my opinion the best one there is.

But I am missing one thing:

When I am on a blog post on my website, and scroll down to the bottom I want that the next blog post shows up underneath the blog post i am viewing like infinite scroll.

I saw that Jetpack has this feature build into the plugin but Total doesn’t support it: https://jetpack.com/support/infinite-scroll/ Could you help me implement this feature I tried other plugins that you suggested to people here in the comments but they all don’t work…

For example this plugin: https://nl.wordpress.org/plugins/auto-load-next-post/ this one doesn’t work because it doesn’t safe the settings and all the other ones are very outdated and don’t even work anymore and are clones from each other (I tried everything haha).

They say its super easy (it is because its 3-6 lines of code but I need to know the names of the files I need to use in the code).

It would be awesome if you could help me out!! :)

Thank you very much for your reply!

I found this plugin and it works: https://nl.wordpress.org/plugins/smart-scroll-posts/

But it doesn’t look like how i styled my posts it uses a HTML post markup do you know where i can find my total html markup? or do you know the markup of my posts on my website: http://listury.com (if you can see it of course!)

Here is a screenshot of the backend: https://ps.w.org/smart-scroll-posts/assets/screenshot-1.png?rev=1353149

The posts load but it doesn’t look like the html markup i use now on my site.

Thank you for your help!!

Because of how the plugin works it’s going to be pretty complex to display the same “look” as your active post because it doesn’t appear to support any sort of conditional statements (like checking post formats, post media, etc) or even custom functions it appears to accept only static html with basic dynamic data constricted by the plugin – https://cl.ly/ojRn

You’ll need to ask the plugin developer to see if it’s possible to instead define a callback function and if the plugin could then support core and custom functions.

- AJ

correction (not complex, but impossible – based on what I see available in the settings and in their docs)

by
by
by
by
by
by