Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,063 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22360 comments found.

Hi there, I have a question regarding the position of the megamenu. I wanted to change the width as I only have two columns so I followed your advice on an earlier post by ytilles, where you suggested the following custom CSS: body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; } This reduces the width exactly as I wanted, but now the dropdown menu aligns on the left side and I can’t seem to make it come up right below the menu item from which it drops down. Do you have any advice on additional custom CSS for making it appear central or below the menu item, rather than on the left side of the menu? Thanks!!

Hi,

Sure, it’s very easy. Just add a margin-left of 0 like this:

body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; margin-left: 0 !important; }

But also a lot of customers also use 3rd party mega menu plugins like UberMenu or Clever Mega Menu (this one has a free and premium version). So if you need more complex mega menu options or settings the theme does support those plugins.

- AJ

Hello, It looks a bug if you choose for a page Options : Title style > background image and you get more than 3 undertabs under the menu, you cannot access to the third undertab;;can you check please

Hi,

Oh this is because of some custom CSS located at Theme Panel > Custom CSS which was imported from a demo to add a shadow under the header. Simply go to Theme Panel > Custom CSS and remove this code:

#site-header {
    position: relative;
    z-index: 1;
    box-shadow: 0 15px 20px rgba(0,0,0,0.035);
}

Or…instead you can add this code to the panel:

.page-header {
    z-index: 0;
}

- AJ

thanks. it’s working now and what about the second point : 2/ when I scroll down in the homepage; at the height of the row “board members”, the sticky menu disapear behind the content. thanks

Hi,

Sorry I missed that part! If you used the second suggestion then you will still have issues. So I recommend doing the first part I mentioned earlier removing the z-index from the custom CSS which will fix it. Example: https://cl.ly/oUBs

For some reason on your site it’s showing the code twice, so I’m wondering if you actually added the code rather then removing it. Please double check.

- AJ

Hi! I use the Post grid element of WPBakery Page builder. How I can 1 post on narrow screen, 2 posts on tablet and 4 posts on wide screen? https://artkept.com/ Now 1 or 4 posts only.

Archive pages working properly with 1, 2, 4 columns depend of screen wide https://artkept.com/artist/stanislav-zagorodnikov/

Hi,

This particular module doesn’t have built-in responsive column settings but it’s very easy to tweak via a little CSS. Example:

@media only screen and (min-width: 500px) and (max-width: 959px) {
  body .vc_grid-item.vc_col-sm-3 {    
    width: 50%;
    display: inline-block !important;
  }
}

Result: https://cl.ly/oNbK

- AJ

Theme works okay but one question, can i set the single blog ‘settings’ so my slider and slider margin are ‘default’ now they must be set in every post. But it would be nice to set them for all posts

Okay, thanks for the reply but what i mean is that on every single blog item i now need to set slider shortcode and slider margin. Can make a WP template but i hoped i could set it in global/Theme settingse so i only have to edit the content of the post… without having to set the slider shortcode and margin also…

Hi,

You can do this easily with a little code as I mentioned in my last comment : https://cl.ly/oPZ4

So if you want the exact same slider on ALL posts you would add this code to your child theme functions.php file – http://wpexplorer-themes.com/total/docs/child-theme/

function my_category_slider( $slider ) {

    if ( is_singular( 'post' ) ) {
        $slider = 'YOUR SLIDER SHORTCODE';
    }

    return $slider;

}
add_filter( 'wpex_post_slider_shortcode', 'my_category_slider' );

For the margin you can just use a little CSS, example:

body.single .page-slider { margin-bottom: 30px; }
http://wpexplorer-themes.com/total/docs/making-css-edits/

The reason there isn’t any global setting in the Customizer is most customers will never enable the same slider on all their pages and so it adds extra bloat (would require a setting for each post type and supported plugins like WooCommerce, Events Calendar…etc) so it’s quite a bit of added bloat.

- AJ

Thanks that does the job ;-)

we would like to upgrade our layerslide to latest version 6.5, where can we get the layerslider license code?

we would like to activate our layerslider and it is asking for product activation key ! Please help us providing product activation code so we can upgrade our layer slider to premium version ….

Hi,

I explained in my first reply regarding activation but I think you may have missed it. Basically, bundled plugins don’t include licenses specifically for the plugin, but updates and support are provided via the theme.

More info here:

This is how all bundled plugins work on Envato. Because you are getting the plugin for free you have access to the default functionality and updates via the theme. But if you want to use any of their available “premium” features then you need to purchase your own separate license.

Make sense?

- AJ

Yes ! Thank You.

how can I order blog posts with popularity? I use this advanced query, but doesnt work. https://wordpress.stackexchange.com/questions/49330/how-to-query-for-most-viewed-posts-and-show-top-5
I wrote: post_type=post&meta_key=post_views_count&orderby=meta_value_num

That looks fine then for your custom query, but WordPress doesn’t have any built-in popularity function so you need to use a plugin to store the data for post views. Did you install a plugin for that yet?

if I say right, I havent any idea about it. I wanted to ask from you that is it possible. I use WP postview plugin. Only I found this codes from Google. I dont know they are true or false

Is this the plugin you are using? https://wordpress.org/plugins/wp-postviews/

If so, it says it on their docs the correct way to sort: https://cl.ly/oOfu

So instead of “post_views_count” like the snippet you found you would just use “views”

- AJ

Hi, Can you plz let me know how to change the font size of the button text? The customizer does not seem to have a way to style the button text. http://prntscr.com/hob2t0

Hey AJ, I managed to get the CRM guys (whose form this is) to get the extra space removed. Can you plz help me with the CSS to make the form input fields as wide as the button so it looks uniform on all devices.

http://prntscr.com/hpedq4

Appreciate your help.

The issue is that your fields have a wrapper around them with a width of 250px so you need to reset it:

.agile-field-xlarge { width: 100% !important; }

The inputs already have a 100% width so that should be all you need.

- AJ

Thanks. That did the trick…

Hi. I found issues. I use “Wp custom gallery link” plugin (https://wordpress.org/plugins/wp-gallery-custom-links/) . Because I use custom wordpress gallery for my posts (It is easy). But when I add custom links to images with this plugin, in desktop everything work perfect, but in mobile again open lightbox, not link. When I change theme everything work good. I think it is about Total theme. And I notice wordpress custom gallery is not responsive. I use some css codes. if you wish you can add default css in new update

Hi,

It’s hard to know what the issue is without looking at it live. Can you first make sure you have disabled the theme’s custom gallery output under Theme Panel – https://wpexplorer-themes.com/total/docs/custom-wp-gallery/

- AJ

I deactive it from theme panel and download Simple lightbox and works now. But if you want to look issues, you can visit to this blog. In desktop gallery open another site, but in mobile doesnt work. Site: http://blog.masterstudio.az/resmlerimizi-nece-gozoxsayan-ede-bilerik/

Have you enabled the function for auto lightbox as well? That will target all images on the post so it can conflict with 3rd party gallery plugins – https://wpexplorer-themes.com/total/snippets/auto-img-lightbox/

On the page you mention though I see the images linking to the current page on desktop and mobile – https://cl.ly/oO7f

Wow, what a cool looking site you are making, great work!!

- AJ

Hi I am building a site for this clients around your Total theme.

I built this template with an embedded iframe and some custom setting for the info flip on the side. The layout works beautifully on Chrome and Firefox, but totally goes to pieces on Safari. The hover image shows the other side at the same time flipped backwards if I use transparency, but also even with an opaque background on the flip animation still flashes the flip side’s text in reverse!

Here’s the link: http://www.filmstreetwise.com/site/video-overlay/

Can you tell me what I have to do to make this work on Safari please????

Thanks

Hi,

Are you referring to the animation being a bit “slower” in Safari? This is what I see: https://cl.ly/oOw4

To be honest though it’s a bit confusing from a user-perspective. If I had viewed the site for the first time I wouldn’t think to hover over the section. Have you considered just showing the info by default without the hover? It would be better for usability but also for SEO (imo).

- AJ

Hi, that was not the point. The speed or wether it looks good or not is not the issue. On Safari when it flips you see the back content in reverse before the text rights itself.

I have also found another issue, I am testing the theme footer reveal. It was working very well and then the reveal just stopped working, so now it’s just a footer, and I can’t find what the problem is.

VM

Hi,

Oh, ok I see what you mean now. I didn’t understand what you meant which is why I replied as a question. Thank you for confirming!

The reason it’s reversed is because that is how a “flip” works, the issue though is that it’s becoming visible a bit too soon. This is a very a browser bug but it’s a very easy fix.

If you add this CSS to the site it should fix it:

.vc-hoverbox-block, .vc-hoverbox-block-inner * { -webkit-backface-visibility: hidden; }

Result: https://cl.ly/oQje

I added the code for the upcoming update as well. Thanks for the heads up!

Regarding the footer reveal…I don’t see the footer reveal element on the site (when enabled it adds a new div around the footer with the classname “footer-reveal” but it’s not being added on your site). Can you double check in the theme options that it hasn’t been disabled?

- AJ

On my site, leecarter.net, I need my sub dropdown menus to open to the left. The first time I added “left-submenus” to the “CSS Classes (optional)” field, it worked.

But after removing it, trying something else, and adding it back, it’s not working.

The problem is that the some of the Plan Of Study Submenu items are going off the right side of the page. Thanks!!! Lee

Hi Lee,

I see you have the class added to the sub-items but you need to add it to the top level menu item – https://cl.ly/oOLw

So make sure the left-dropdowns class is added to the “Plan Of Study” top link and it should work.

- AJ

Thanks AJ! I guess I did that at some point but missed it the next time.

I accidentally deleted my site and need to reset my license in order to reinstall it.

Hi,

You can always log into the support site to reset your license – https://wpexplorer-themes.com/support/

- AJ

Hi AJ, Here’s my url: thepatronscaddy.com. I need to color the active menu item, probably in yellow. How would I do that? Thanks, Robert

Sorry, AJ, but where do I change that? I had originally made a one-page site with local scroll but changed the design so local scroll was an artifact from a while ago. I just went through each row of each page and I only found one local scroll item and deleted it. Your code mentions drop-down menus? Should I take that out? Thanks, Robert

Hi Robert,

What I mean is to go to Appearance > Menu and edit the items to remove the extra local-scroll classname that’s added to each menu item in the menu dashboard.

- AJ

Got it! Thanks, Fixed!

Woo hoo! Thank you!!!

Hello friend how to activate slider revolution plugin ?

Hi,

Because it’s a bundled plugin it can’t be activated unless you purchase your own license. More info here:

Updates and demo sliders are provided via the theme and support but if you want access to some of the premium features you either have to hack the plugin or purchase a separate license.

- AJ

The “top bar” option isn’t showing up in my customizer. that is, there is no appearance > customize > top bar. version 4.5.3. could there be a simple explanation why this might be?

yes that was the first thing i did. i didn’t see it there either.

nevermind…. i was looking in the wrong place. found it. thanks. glad that was a quick fix.

Thank you for solving the problem with activation! Now everything works fine :)

Something is wrong with the activation server, its not allowing me to deactivare or activate the theme.

Hi,

Can you try again, it appears our server may have been down for a bit yesterday. If you still have issues please let me know.

- AJ

All good now AJ, was just a few hours apparently. Thanks

Great! If you have any other issues or questions please let me know ;)

My theme license will not work. Yesterday I wiped out my install and “envato active link” has changed from http:// to https://. I don’t want to force a 301. When deactivating the current active URL in the Envato panel it doesn’t work; nothing happens.

Please advise, or please manually deactivate theme URL on your end. Thank you for the excellent theme :)

Most respectfully, _Evan

All fixed!

Hello, I just got your theme and I am having the same problem as keywordsagency would love to know how to fix this! Thanks!

Hi,

Can you make sure your server meets the WordPress requirements – https://wordpress.org/about/requirements/ – and that you do not have outgoing connections disabled on the server?

If you continue having issues please open a ticket with the logins so we can see for you – https://wpexplorer-themes.com/support/

The function should be working as I see many licenses being activated in the last 24 hours and I tested myself as well to confirm.

- AJ

Actually, can you try again, it appears our server may have been down for a bit yesterday. If you still have issues please let me know!

- AJ

Hi, we are trying to activate the license but when we insert the code, the upload icon is displayed but does not activate the theme.

Hi,

Can you make sure your server meets the WordPress requirements – https://wordpress.org/about/requirements/ – and that you do not have outgoing connections disabled on the server?

If you continue having issues please open a ticket with the logins so we can see for you – https://wpexplorer-themes.com/support/

The function should be working as I see many licenses being activated in the last 24 hours and I tested myself as well to confirm.

- 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