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.

Hello

I am using custom arabic font. then when i use h2 or h3 in the post editor. the result in the web site is smaller than h2 or h3 format in the post editor. why?

The WordPress editor uses different font-sizes and font family then what’s on the live site. If you want to alter the way the fonts look in the post editor would require loading custom CSS files in the backend like this – https://codex.wordpress.org/Editor_Style – you can do this easily via a child theme if you want the editor to use the exact same font family and sizes.

If you are using the Page Builder when adding headings I do recommend using the Total “heading” module which will give you more control over the text then the text block.

- AJ

thank you, i am using an arabic font called “droid arabic kofi”, all the arabic text is formatted successfully 1- BUT how can i specify the font for english text???

2- how can i alter the h2, h3, sizes for my custom font?

my website is khadijahtech.com

Hi,

1. There is no way to automatically change the font depending on the language for specific text unless you know exactly where the english text is so then you can use Custom CSS to alter the font.

I don’t see any english text on your site, do you have an example?

2. You can alter the h2, h3, h4 sizes in your posts via Appearance > Customize > Typography. You will see options like this for that: https://cl.ly/qGx5

- AJ

Hi,

why my footer is not formatted on the category and search pages. I created the footer using a template and the footer builder.

http://austa.com.br/?s=testing+footer

Hi,

I can’t recreate any issues with the footer builder locally or on a live site. For example this demo: http://totaltheme.wpengine.com/modern-agency/?s=test

One thing I’ve noticed from your site though it looks like your footer builder may be setup as a standard page with a template inserted on it? Is that correct?

The ideal way would be to just go to WPBakery > Templates and create your footer template here then assign this template for the footer. Does that work? Or is that what you are doing?

Since I can’t break the footer it’s hard to troubleshoot without actually logging in, you can submit a private ticket you prefer – https://wpexplorer-themes.com/support/

- AJ

Hi there, I can’t seem to get the Instagram Widget to work. According to the Dashboard, I’m currently running version 4.6. However, I did have some difficulty updating the theme. I used the Easy Theme and Plugin Upgrades by Chris Jean. I got an error message saying the update failed. So, then I used the Envato update plugin, but it wasn’t showing that a theme update was available. When I checked the theme shows version 4.6. Any suggestions on how to get the Instagram Widget to work? Thanks in advance.

Hi Jon,

It looks like Instagram may have changed the way their website works once again…It was working just recently. What a pain in the butt. Hopefully it’s a quick fix, I’ll take a closer look and reply back in a few minutes.

- AJ

Ok, it wasn’t too bad to fix. Instagram did change their site code significantly though. Here is the updated file if you want to test yourself: https://cl.ly/q8kG

I’ve already fixed it on my live demos. Example: http://totaltheme.wpengine.com/mason/fashion-dos-and-donts/

It looks like the changes were literally made this morning so I really appreciate the heads up on this.

An official Total 4.6.1 update will be released tonight or first thing in the morning tomorrow.

- AJ

Hi AJ, Excellent! Thanks so much. Funny that I was trying to get it to work so soon after their code change. I’ll look for the update. :) -Jon

Hi – i am wanting to stop the feature image becoming my main banner image on blog posts. I know i can override this at the bottom of each blog post but i have to also re set all the properties etc like height to match the ones on the other pages. Also others will add blog posts and don’t want them to have to override this everytime they add a post. Is there a way to globally set the main banner image for all blog posts? thanks

Just as a note i am using featured image for the image that displays in the blog listings so don’t want it to be the same.

and also just having the default image would be ok, i just don’t want the featured image to override it.

Hi,

I’m not quite sure what you want to do to be honest. If all you want to do is disable the featured image you can do this via Appearance > Customize > Blog > Single and disable the “Featured Media” block – https://wpexplorer-themes.com/total/docs/blog-single-post-builder/

You could also create a dynamic template to use for your post layouts if you want – https://www.youtube.com/watch?v=eGYuBjqkj8Q

If you are not looking to disable the image on the posts…are you instead trying to show the featured image for the archives but then display a different image on the post? If so, this is a simple child theme modification and I can show you how to do that if needed.

- AJ

Hi, how to make user’s avatar displayed in “Author Box” (author-bio element under a blog post)? I installed “WP User Avatar” plugin, attached an avatar image to an user, but it still is not displayed in the author box…

nvm, now it works when i checked “Show Avatars” checkbox in WP User Avatar settings… no clue why it’s not enabled by default, but it’s up to the plugin’s author

I’m glad you figured it out, thank you for letting me know!

Is the Nav-bar drop-down menu obsolete now? Mine disappeared with a previous update (not the most recent). I used to have a drop-down navigation menu under the header. It’s gone now, and I don’t see options for adding it back. Documentation still has instructions on how to create it, but apparently the element itself obsolete. I did a “work-around” making a menu on a sidebar,but would love to have my nav-bar at the top under the header image again. Any idea when the documentation will be updated to reflect changes made in the last few updates?

website is www.eggshellmagic.com

Hi,

When I look at your site it appears you are using the Header Builder function via Theme Panel > Header Builder – https://wpexplorer-themes.com/total/docs/header-builder/ – when you enable this the core header menu has to be removed so that you can design your header exactly how you want it without anything being auto added.

- AJ

That worked! My nav-bar is back. Header Builder is turned off… at least for now :-)

Hey Nice theme.

I would like to know if theme source code is clean ? i.e. no mention of author or theme in class css ? or any reference?

Thank You

Hi,

WordPress theme’s always have the author name in the style.css file because if you leave that field empty it actually produces an error in the WordPress checker.

But there are a lot of caching and minify plugins you can use that will strip this information out from the front-end.

The best thing to do is create a child theme that you can brand on your own with your own screenshot and information if you want. This is what most people do for their client work.

In terms of actual ‘clean’ code, the theme is very well coded and commented, example: https://cl.ly/q7OS – As a developer it’s a pleasure to work with because not only is the code commented there are also a lot of hooks and filters available for developers:

Let me know if you have any other pre-purchase questions.

- AJ

just updated two sites to 4.6 and now the icon on the mobile menu is missing. can i roll back to 4.5? i looked in inspector and it’s just not there.

i did try emptying every possible cache

nevermind, it appears to be working now. thank you for your prompt response.

I’d like to like to user my own styles in css rather than rely on setting styles in the Customizer. However, it seems like I need to include !important on all of them, which is not ideal. What do you recommend for my style.css file to override the styles set in the Customizer?

Hi,

You have a few options:

1. Instead of using !important you can use a parent element such as the body tag. So example, instead of:

#site-header { background: #000; }

You could do this:

body #site-header { background: #000; }

2. I am assuming you are using a child theme so another alternative is to load your child theme after the theme’s CSS (by default WordPress loads it first). You can do this by altering the way the child theme’s style.css is loaded in the functions.php

3. You could remove the theme’s CSS completely and only add the code you want if you are creating a small/simple site this may work well for you.

If you need help with any of the code let me know.

- AJ

Hey Aj and Team, perhaps you can help. I have contact details in a footer widget, that is the same on every page. Now i want to place a link (name: Contact) to this in the main menu, so that the page just scrolls down to the footer. I tried this with an individual-link and the “local-scroll” class pointing to an ID in the footer widget. But the page only scrolls down to the first animated row. Every time i click the link in the menu it is moving down one row further until it reaches the footer. Tried as well the “local-link-class” and searched your documentation but i couldn’t solve it. Any hint would be nice. Thanks

Sure you can submit a ticket and request it be assigned to me – https://wpexplorer-themes.com/support/

Hi AJ, i just submitted a ticket

Got it. I will reply in a bit. Thank you for your patience.

Also: How do I make my header responsive?

AJ, at the time I asked you about redirecting categories to pages and you wrote me you might be putting this option in the updated version. Now that I updated the theme, if you indeed added this option, could you direct me on how to do that? Thank you.

“The guy from Elemntor wrote:

“Inside Elementor there is no way to design the pagination, but by default the buttons are arranged side by side and not one under the other. You just have to send the screenshots I sent you, as it should look, to the template developers, and then show them how it looks to you. Overall, I guess it’s a matter of CSS. “

I will attach the screenshots but do not know how. Shall I re-open the ticket?

Hi,

I just added a new setting though for upcoming Total 4.6.1 which I intend to release this weekend: https://wpexplorer-themes.com/total/wp-content/uploads/sites/2/2018/03/redirect-term.png – if you rather wait for this.

  • If you want you can open a ticket but a screenshot doesn’t really help, I need to look at the actual URL to see the code then I can give you any CSS needed ;)

- AJ

How do I get pagination to be horizontal? just like the pagination of this very page. I cannot get it out of vertical mode on my site.

Pagination should always be horizontal, if it’s vertical it’s most likely a 3rd party plugin or custom CSS on the site causing the issue. Can you share the URL so I can inspect it and let you know what’s going on?

- AJ

Hi,

unfortunately my customer contacted my just after the expiration of the support period. I hope you can solve this problem anyway.

Due to problems with her former web administrator who isn’t accessible any more, my customer had a hopelessly outdated Total Theme so we bought the template a second time. Whatever the former web admin might have done or not – after updating Total we still get the notice that the licence for Visual Composer is not acitve and cannot be updated automatically. So what can we do to keep the inbuilt VC updated?

Kind regards!

Hi,

This is AJ the theme developer. And don’t worry I always provide support via the comments even if you have a support license or not. It’s only required for submitting private tickets since I do have to pay my support staff and it helps cover those costs.

Regarding the plugin. Simply delete the plugin then go to Appearance > Install Plugins and it should install the latest version as long as your theme is up to date – http://wpexplorer-themes.com/total/changelog/ (current version is 4.6).

Sometimes this error happens if the server is preventing access to the files on your server though. If that is the case you can always download Total from ThemeForest, extract the folder on your computer and locate the plugin under Total/framework/plugins/js_composer.zip which you can then manually install via Plugins > Add New.

- AJ

Thank you so much!

Hi Total team, I just wanted to say thanks for another great update! Updated a bunch of sites and everything went smooth as always. I really like the improvements to the mobile menu! It was great before, awesome that you keep refining things but the never at the cost of speed or browser limitations Thanks again!

You are welcome! Please make sure to keep sending over suggestions for future improvements as I am working on new updates every day ;)

How to Enable Default Visual Composer Templates ? I did guide in link https://wpexplorer-themes.com/total/snippets/enable-default-vc-templates/ . But still not see default Visual Composer Templates

I use Gridbuilder to create template for product item in Woo commerce. I want to change border style, and item background but when i saved new boder style in gridbuilder which not affect

Did you make sure to enter the Border width and style? like this – https://www.youtube.com/watch?v=w3HoQQBZnVI

- AJ

Thanks i got it

Hi, Is there a way to use javascript to change the style/color of GoogleMaps? Maybe that would be good for a next update. I think it would make your theme bigger.

eg. something like that: http://bit.ly/2p0ouwf

Best regards

Hi,

The built-in Google map module is just a simple embed. Having colored maps is more complex and requires an API key (created by the end user) and a lot more code/bloat and most customers won’t use it so for this it’s best to use a plugin, like the one you’ve mentioned. Did you already download and try the plugin you mentioned? https://snazzymaps.com/plugins/wordpress – or does it have issues?

- AJ

Aj, Is there a way to line up all my links in my header to the bottom of the header and also my logo. I want to put my company name underneath my logo and have my links all be in the same line. This way my logo stands out and is on top of all text (links and company name) in the header. Please let me know.

Thanks!

Hi,

To be honest I’m not 100% sure what you want to do, do you have a quick mockup by any chance or a sample site you are trying to recreate?

- AJ

Hi, I want to add my category name after media in post type grid. But I want to select spesific color for each category.

add_filter( 'vcex_post_type_grid_entry_blocks', function( $blocks, $atts ) {

// Add new section after media
$blocks = wpex_array_insert_after( 'media', $blocks, array(
'myprefix_category_tag' => function() {
return '<span class="category_class">'. get_the_category( get_the_ID() )[0]->name .'</span>';
}
) );

// Return blocks
return $blocks;

}, 10, 2 );

But I think If I want to realise my idea, I must replace “category_class” section to auto detect class. And after I will add custom css to every category name. For example:

$catname = get_the_category( get_the_ID() )[0]->name;

add_filter( 'vcex_post_type_grid_entry_blocks', function( $blocks, $atts ) {

// Add new section after media
$blocks = wpex_array_insert_after( 'media', $blocks, array(
'myprefix_category_tag' => function() {
return '<span class="<?php echo $catname;?>">'. get_the_category( get_the_ID() )[0]->name .'</span>';
}
) );

// Return blocks
return $blocks;

}, 10, 2 ); 

But it doesnt work. Can you say what is wrong, Or Have you any suggestion?

Hi,

Actually if your theme is up to date there are new and better filters you can use also get_the_Category returns an array so you can’t use it as you have. Example code that should work:

add_filter( 'vcex_post_type_grid_media', function( $media ) {
    $categories = get_the_category();
    if ( $categories ) {
        $category_output = '';
        foreach ( $categories as $category ) {
            $category_output .= '<span class="cat-' . $category->term_id . '">' . $category->name  . '</span>';
        }
        $media = $media . '<div class="myprefix-categories">' . $category_output . '</div>';
    }
    return $media;
} );

Result: https://cl.ly/q672

- AJ

Thank you very much. I asked tjis from some developers, but they cant do it. You are awesome

Hello AJ,

I’m making a simple list of Portfolio Items – which are videos – with just item title and excerpt, grouped by month.

The item singles only contain an image linked to the videos in items’ oEmbed field.

So ideally the titles in this list would directly open these videos in iLightbox

I’ve tried with Portfolio Grid with only 1 column, but I can’t list by month grouping, and each title opens in iLightbox the item’s image, not the video in its oEmbed field.

So I’m trying with the “W4 Post List” plugin I use for blog posts, but the titles also logically open the items.

Would it be straightforward to replace in the plugin file, the “href” content with Total’s oEmbed field syntax – also adding “wpex-lightbox” as title class :

    // Template
    public static function template_title($attr, $cont){
        return sprintf( 
            '<a class="post_title w4pl_post_title" href="%1$s" title="%2$s">%3$s</a>', 
            get_permalink(),
            the_title_attribute( array('echo' => false)),
            get_the_title()
        );
    }

Michel

Hi Michel,

I am not familiar with the W4 Post List function so that is something you would have to ask them about also because if you override the plugin you may not be able to update later on without loosing your changes.

But if all you want is a simple list of titles that open lightbox video it would only take like 5-10 minutes to code your own module (aka shortcode) for that. Here is a starter class if you want to make a new VC module for this – https://wpexplorer-themes.com/total/docs/new-vc-module/

Here is an example for the HTML for a video lightbox: https://wpexplorer-themes.com/total/docs/adding-ilightbox-popups-inline/

And to grab the video URL you can do so like this:

$post_id = get_the_ID();
$oembed_video_url = wpex_get_post_video_oembed_url( $post_id );
$embed_url = wpex_get_video_embed_url( $oembed_video_url );

- AJ

Hello AJ,

Thank you indeed for these nice tips, and your documentation is as always really helpful :-)

So I’ll practice with this later.

Michel

my image is size of 980×535px, but when i took it as a image logo, it always display small, how to make it bigger as its original size?

Hi,

It’s hard to know without looking at the site. Please double check your settings at Appearance > Customize > Header and under the “Fixed Header” if you are using the shrink style make sure to tweak the height value for your logo or switch to “standard” sticky style. Also under Customize > header > Logo there is an option for the logo height.

Or you can share the URL and I can tell you how it’s being modified ;)

- AJ

Hi, AJ Thank you very much for your answer, I have found the point, just as you described, it’s the shrink style size limited the image, I have change the option and the logo is all right. Thank you. Have a nice day。

David

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