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.

on my landing page http://dev.galmedpharma.com I have a box with recent news – that box is supposed to sit on the background such that just the words more news>> and the bottom of the box are below the background picture. In each browser and screen this box appears either higher or lower. Chrome on my laptop seems fine, but on the desktop the box moves higher up on the background. In firefox the box appears lower than it should and runs into the footer. Do you have any suggestion on how I can stabilize it’s appearance to be as I would like. The one issue that I noted that may be part of the problem (or might not be.. )is that .site-main seems to have a different minimum height on each browser and device that I use. Any thoughts? thanks in advance.

thanks for your help with this – I do want it responsive but there are too many requirements so I think that I will have a different homepage page for mobile. Right now these changes that you so kindly recommended do not seem to improve the issue from the original. Thanks – I will keep trying to figure it out. Seems that one of the issues is a bug in firefox regarding top (here it is in fieldset but I think it is not only with fieldsets. https://stackoverflow.com/questions/37168511/css-top-in-fieldset-behaves-differently-in-chrome-and-firefox

with all your advice + I think I got this page to a better place http://galmedpharma.com/ what do you think? It is not responsive as I would like so I am creating a mobile page as well.

Nice. But I honestly think having the 2 blocks centered in the background may look better then having them at the bottom. Of course that’s personal preference ;)

- AJ

Hi, Sorry but I have to say that, Im using this Theme for almost anything its so versatile BUT that didnt add a Hamburger Menu / Toggle button for the Mobile menu when the Header Builder is used, its simply not understandable and wouldnt be much effort and code I assume. Now I have to get a Plugin only to make a menu collapsable…

Hi,

It actually is a LOT of extra code to add a fully responsive menu option to the header builder. Because customers will want to choose between different styles for the menu itself and the mobile version.

I could add a “simple” option to the current “navbar” module but it’s just added bloat since the intention of that mobile is for static style links.

I am working on a new “Advanced Menu” module though for the page builder that will be built-in most likely it will be ready in the next update (4.7).

If you have any suggestions for the module let me know. The way it will work by default is you will choose between 4 styles (horizontal, vertical, full-screen or off-canvas). For mobile the horizontal and vertical options will automatically convert into a “toggle” style mobile menu. But if you wanted you could use the visibility settings to hide a horizontal menu on mobile and display a full-screen menu on mobile if you wanted. This will give customers more flexibility.

And this module will load it’s own custom CSS and Js files depending on your specific choices so it won’t be added additional bloat to the theme itself ;)

- AJ

Hi, the Theme associated with www.smapfarms.com and neuronstrading.com is not working properly. The WPbakery and Revslider are not working. WPbakery has disappeared from the dashboard but still appeared on plugins list.

Please, I need your help to resolve this issue.

Thanks

Hi,

Sorry to hear you are having some issues. Did you install any other plugins recently that may be causing a conflict?

Also is your theme and bundled plugins all up to date?

Because the plugins are working for everyone else it’s very hard to provide any help without looking, if you want to submit a private ticket we can log in and look for you – https://wpexplorer-themes.com/support/

Since it’s happening on 2 sites, if these are both on the same server it may be worth looking as well to see if anything changed recently on the server (did you switch to https, did you tweak your .htacess file, did you install any security plugins…etc). I am assuming they were working fine before, correct? If so, what has changed since then?

Any additional info you can provide would be very helpful, thanks!

- AJ

What is the benefit of Disable Wordpress srcset Images in Image Resizes?

It removes the extra code when using full-sized or non theme cropped images (like woocommerce). For example: https://cl.ly/prcK

This WP function basically adds code that tells the browser to display alternative images based on your screen-size but this can cause issues if you want to always display your images exactly the same and it can conflict with other plugins. In my opinion this function is only good for traditional blogs, but even still it’s not really needed and can cause images to “lose” quality unless you have setup a bunch of custom cropping sizes for all your images to target different mobile devices.

- AJ

Thank you for explain AJ. That really help. :)

AJ, I have deleted some past posts on a site. Now when I use the “total blog grid” to display featured images of posts, there are now “white spaces” for posts that are blank. Any suggestions?

Hi,

Thanks for the heads up. I see what you mean if you disable everything except the image in the blog grid if you have posts without images it causes some issues.

I you switch to the Post Types Grid instead it actually has an extra option you can use: https://cl.ly/prD7

I will update the Blog grid module to have the same option for the next version. This is the best way, I could add a bunch of code to the module to check a bunch of things before looping through each item but it’s way more bloat then having a simple option to query posts with images only.

Thanks for the heads up!

- AJ

Here is the updated file with the new option for the blog grid – https://cl.ly/ps7o – if you want you can replace via FTP at wp-content/themes/Total/framework/3rd-party/visual-composer/shortcodes/

- AJ

Hi Adrian / AJ or fellow total theme gurus,

I am just wondering how easy it is to swap a website from the parent theme to a child theme? I am having problems with the Google Ad Words Tag being deleted on every update.

I have purchased a few of the total themes last year and will be purchasing another one in the next few weeks but it looks like I have just run out of the support.

I hope you can help.

TOM

Hi Tom,

First of all thank you for your patience.

- Switching to a child theme is extremely easy, please see the docs here: http://wpexplorer-themes.com/total/docs/child-theme/

The steps are:

  • Download child theme
  • Extract child theme zip and open the style.css file to rename it whatever you want
  • Add a screenshot.png (1200px wide by 900px recommended size) in the folder if you want
  • Re-zip and install the child theme just like any other theme (don’t activate yet).
  • Go to Theme Panel > Import Export and copy your settings.
  • Activate child theme
  • Go to Theme Panel > Import Export and import the copied settings.

In terms of the Google Ad Words tag, you don’t need a child theme if you are adding the code to all the pages on your site. You can just go to Theme Panel > Custom Actions and add your code either in the wp_head section – https://cl.ly/ps3c

- AJ

Hi Adrian / AJ or fellow total theme gurus,

I am just wondering how easy it is to swap a website from the parent theme to a child theme? I am having problems with the Google Ad Words Tag being deleted on every update.

I have purchased a few of the total themes last year and will be purchasing another one in the next few weeks but it looks like I have just run out of the support.

I hope you can help.

TOM

Hi Tom,

First of all thank you for your patience.

- Switching to a child theme is extremely easy, please see the docs here: http://wpexplorer-themes.com/total/docs/child-theme/

The steps are:

Download child theme Extract child theme zip and open the style.css file to rename it whatever you want Add a screenshot.png (1200px wide by 900px recommended size) in the folder if you want Re-zip and install the child theme just like any other theme (don’t activate yet). Go to Theme Panel > Import Export and copy your settings. Activate child theme Go to Theme Panel > Import Export and import the copied settings. In terms of the Google Ad Words tag, you don’t need a child theme if you are adding the code to all the pages on your site. You can just go to Theme Panel > Custom Actions and add your code either in the wp_head section – https://cl.ly/ps3c

- AJ

Hi, We are getting p tags around the VC code. For example, if you go into Grid Builder, make some edits and save there is a

tag at the start of the code and an end

tag at the end of the code. We are also having the same problem on our pages when we edit them with the Backend Editor. WP 4.9.4, Total Theme 4.5.4.3, WPBakery Page Builder 5.4.5. Any idea what could be causing this or how to stop it? Thank you.

Hi,

Were you having this issue before? If not, have you installed any plugins recently? I can’t recreate this issue myself.

I did have another customer though mention that on their site if they enabled this option under screen options – https://cl.ly/prtL – they were having the issue with p tags, but I personally can’t recreate the problem at all.

- AJ

Hi AJ, Not sure if this a question for you or Wp Bakery or Learndash, but when I drop a Learndash quiz shortcode into a text block, I get some code breaking through to the frontend. eg: https://safeministry.training/FireShot Pro Screen Capture.png

Any pointers would be great

Many thanks!

Neil A

Are you using the page builder for your actual quizzes? I can’t tell from the screenshot if the shortcodes displayed are on the page where you are adding the shortcode or coming from the shortcode itself.

Definitely something to ask the plugin devs about, but of course I can work with them if needed to get this issue resolved.

- AJ

I’m building the actual lesson content with the page builder. That works fine. It’s only when I insert the Learndash shortcode for the quiz that the VC tags appear.

It’s not a deal breaker and I have posted the problem in the Laerndash support forum, so I might see what turns up there.

Cheers

Neil

Let me know what you find out!

Hi AJ,

How do I get rid off/turn off a menu item that shows up twice in the mobile menu drop down?

If you go here http://bit.ly/2EZZLCg and click on Works menu item, you will see that it shows up twice.

Works is a separate page that has my portfolio items, but also a drop down list.

I just want to have one instance of it show up.

Thank you Neil

Hi AJ,

Thanks for getting back on this. I like the View All idea, but I was also wondering how this was done here http://bit.ly/2EZH2a3 since it uses the same theme.

Thanks Neil

This site is outdated. A few versions ago the mobile dropdowns worked by clicking just the arrow, but a lot of customers were complaining and/or requesting that the theme be updated so you could click on the whole link and not just the arrow since most sites work that way, hence the update.

- AJ

Hi AJ,

That makes sense now. I think I like and will apply your user-friendly suggestion.

Thank you Neil

Hello there,

I am trying to build a portfolio with filters by category and where the images link to lightbox (in the meantime I have some single pages with an image grid, one page per category). After some search (and in fact, I am not sure how I made it), I finally could make the images to link to lightbox with arrows instead of going to the single image or the item portfolio. But I can’t active the filters.

In the portfolio grid editor, I have the filter ON, also I have added all the categories and I have turned on the “all” section because I want that to be visible too. I have tried everything, but the filters does not appear on the portfolio page, just the images. What am I doing wrong?

And, just for lazyness…is there any way of uploading all the items to the portfolio at once instead of doing it one by one? Maybe I am asking for a miracle, but hey,there is no charge for dreaming!

Thank you very much in advance :)

Regards, Ainhoa

I don’t know if my site is cached (I don’t even understand what does that mean, lol). The items have the categories (there are 4 items for now, some of them have 2 categories because they could be in both) and every item has a feature image.

How can I make you see the page correctly?

Hi again,

I have found the problem! I didn’t realize that all the porftolio items were private instead of public, so maybe that is why you couldn’t see it and now that I have changed all of them to be public, the filters appear :D

Thank you very much for your help! I am changing the portfolio page to private again so don’t click on the link again since it won’t work ;)

¡Que tengas un buen día! :D

Oh yes, that would do it ;) I’m glad you figured it out!

Hi – I have been using the WP Bakery grid builder to build custom grids for my new post type customers. I can style everything fine, except it displays all my posts in one column? Even if i just clone the basic grid and save as something else it just shows everything is the same column. Its like wpbakery is adding extra

to the code. Have you come across this? Do you have any idea how i can fix? thanks

suddenly seems to be working now. Do you know if there is anyway to set the excerpt length to only show so many characters so they are not all an odd size?

hi sorry me again. On the prebuilt media/post grids that come with the theme there is option of equal height posts. With the visual composer posts grid this option seems to be missing even though they have it on other elements, do you know how i can add this to the posts as looks messy?

Hi,

Sorry for the delayed reply, I wasn’t able to get on support yesterday. I’m glad it’s working now, yay!

To use custom excerpts make sure to select the Total excerpt module when using the grid builder – https://cl.ly/pry5 – this module will allow you to select a custom length for your excerpts.

However, I personally recommend writing custom excerpts for your posts using the WordPress excerpt field when you are editing your posts, this way you prevent duplicate content issues on the site and it’s better for SEO. Also showing the first few sentences of a post hardly ever makes sense so it’s good for usability as well.

The equal heights isn’t available for the posts/media grids in the page builder as it can cause some complications due to how these load/render.

What you can do though is add a little custom CSS to your site to give your entries a “min-height’ value. I can help with the CSS if you want. But also if you use the Post Masonry Grid, they will look good even if the entries are different lengths. Example of a masonry grid – http://totaltheme.wpengine.com/mason/ (this isn’t using the Post Grid module but if you aren’t sure what I mean by masonry – where items stack wherever there is space).

The default page builder excerpt module uses the core WordPress excerpt function whereas the one in the Total theme uses it’s own code to generate custom excerpts.

- AJ

Hi, i want to set my social network under the menu in vertical menu option, is that possible?

The order will be logo – menu – social network, or is only possible logo – menu in vertical menu option?

Regards.

Hi there,

There isn’t a built-in option for this but you can use this little addon to add a widget area to the vertical header under the menu – https://wpexplorer-themes.com/total/extensions/vertical-header-widget-area/

Or you can use a theme hook – http://wpexplorer-themes.com/total/docs/action-hooks/ – to insert content to your header area via a child theme – http://wpexplorer-themes.com/total/docs/child-theme/

If you prefer to use code I can share an example snippet for this.

The only concern would be on mobile devices because the header goes from vertical to horizontal on mobile you may want to hide anything extra you add to the header for mobile.

- AJ

Would love it if you are able to review compatibility with the plugin “Lazy Load for Videos”. This plugins lets you lazy load Youtube videos by replacing the embedded video with its thumbnail and play button, then when clicked, it loads the video player and plays. When used in conjunction with the Total WP theme, any place where the video is supposed to be, there is a 56.25% padding above the thumbnail image. When I click to load the video and play it, the padding disappears as soon as the video loads. So, for example, under normal circumstances using two columns, text on the left and video on the right. But when Lazy Load for Videos is enabled, it shows text on the left with a big white space below it, and a big white space on the right with the video thumbnail below it.

I don’t know why, but when I use the current visual composer “Video Player” widget, it doesn’t support the embed link or the no-cookie domain.

Oh I see what you mean..So the Video Player widget actually uses the core WordPress “oembed” function which by default only supports specific domains – https://codex.wordpress.org/Embeds

And an embed URL won’t technically work there, but you can just use the RAW HTML module and insert your full embed code.

In order to add support in WordPress for the no-cookie domain requires some custom code added to your child theme via this function – https://codex.wordpress.org/Function_Reference/wp_oembed_add_provider – there are probably plugins though you can use for that. But depending what you want to do simply using the full embed code could work.

Also you could use Video Lightbox instead via the Total Image Module – https://cl.ly/q7Kt – this way the video won’t load until you click on the image. And for this module you can enter an embed URL.

- AJ

All wonderful advice and direction, thank you so much!! That’s why we <3 you.

How can i change these 3 colors in the header/menu. Here: https://imgur.com/a/4SDRi

Hi,

These colors can all be changed under Appearance > Customize > Header and Appearance > Customize > Header Menu.

Ex: https://cl.ly/ppcK

- AJ

Hello, i purchased your theme and i’m really happy with it, good job !

I know it’s actually possible to choose how many products must be displayed on the shop page (thanks to option: Change WooCommerce Columns).

Is it possible to show 4 products / row for desktop and 2 products / row for mobiles ? If not, would you give me any advices with css ?

Thank you very much.

Great, I’m glad you like it ;)

There isn’t any built-in functions yet to choose the columns on mobile in the Customizer but it’s very easy to do via a little code in your child theme – http://wpexplorer-themes.com/total/docs/child-theme/

Here is a sample snippet: https://wpexplorer-themes.com/total/snippets/change-woocommerce-columns-custom-columns-mobile/

So the code you would need to add to your child theme’s functions.php file would be this:

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;
    }
    $classes[] = 'span_1_of_2_tp';
    return $classes;
}, 50, 3 );

This would make your shop 2 columns from tablet portrait mode and smaller.

- AJ

If you have any issues with the code, let me know!

I purchased this product and it is great! I have an issue with getting Youtube videos to work with autoplay.. Is it possible to do?

Hi,

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

Yes it’s possible to auto play but it depends how you are adding the videos.

Example:

- AJ

I can’t fine setting for silder https://cl.ly/3E2d0h311R3E please help me

Hi,

If you don’t see the page settings double check in the “screen options” to make sure it’s enabled – https://cl.ly/poQb

But also you can always place the slider on the page itself if you prefer as mentioned in the docs – https://wpexplorer-themes.com/total/docs/adding-sliders-top-pages/

- AJ

Hi AJ – I was looking at my licenses for Total at your support site today and noticed that all say supported until January 25, 2018. Is that accurate? Do you have a time frame for how long you will be supporting/updating this theme? : )

Hi,

The way the support license works on ThemeForest is you get 6 months (unless you extend it to 12 months) with your initial purchase. If you have multiple license of the theme, it’s based on the most recently purchased license. So for example if you buy a new license today it will extend support for ALL your licenses 6 months or if you don’t need any more licenses if you extend support for the theme – https://wpexplorer-themes.com/total/docs/renew-support-license/ – again it renews for all the items.

The theme will be supported and updated for as long as possible. This is one of my main sources of income so I put a lot of work into updates/support and a ton of money into marketing to keep the theme going. As long as customers are buying the theme and renewing their support license then my business will be profitable and I can keep the theme going.

Now, support license is not for updates. Updates are always included. The license is mostly for submitting private tickets since it’s expensive to hire a support staff and I need a way to balance things out so I’m not just loosing money helping people for free. I always provide free support here in the comments, but of course it still takes time and resources so I do kindly request that customers keep an active support license if they are using the theme and more importantly asking questions.

- AJ

Thanks for the response AJ. I was confusing the support license duration with how long you would support the theme as a whole, probably because I saw it was the same date for all of my licenses. But I get it now and do appreciate you breaking it down for me. This is a great theme that gets better all the time and I appreciate the great job you do at supporting it, so I’m happy to hear you plan on keeping it going for as long as possible. Many thanks, Angela.

:O how did this theme like shoot up the leaderboards within a day :D

Because it’s a great theme ;)

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