Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,068 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22360 comments found.

Perfect – fixed background picture works very well now! There is just one issue with the Internet Explorer 11 – the scolling is not smooth: fixed pictures flicker – while Firefox 59 does fine (Windows system). Any ideas about this? You may want to compare http://tt.financial with the two different browsers.

Hi,

Fixed backgrounds actually require quite a bit of computer resources to position the images the flickering is being caused simply because of the browser and the way they compute the background.

If you reduce the size of your background images or put less on the page this can help a lot with IE 11 but ultimately it’s a browser issue that can’t be fixed with the theme.

That said, there is another IE 11 bug with the way it handles scrolling when using the mouse wheel which may be what you are seeing, if you scroll with the browser bar it may look good but it could look bad when using the mouse because of some code in IE11 which makes the mouse scroll happen in intervals.

Does it work well in IE Edge for you?

- AJ

You are right – even your Paris Demo shows the same effect on IE 11. And yes, with using the scroll bar instead of mouse wheel it looks good. And IE Edge works fine while IE11 does not. Thanks for your explanation!

Hello, I think If I leave a message here, I can get a warmer reply than support system. I add a Templates in WPBakery Page Builder, and then I changed the Permalink Settings to / postname .html but shows can not find, 404, when I visit the Portfolio single page. Can you tell me how to do?

Hi,

This is AJ the theme developer. Usually errors on custom post types when changing the permalinks are because the .htaccess file isn’t being updated correctly on your server. You may need to update it manually.

That said, I would HIGHLY recommend not adding .html to your permalinks. This was something that was done many many years ago for SEO benefits but now it’s not a good idea and can only do more harm then good. There is 0 benefit of adding the .html, it simply makes your url’s longer and it can cause a lot of issues in the future if you decide to remove it.

- AJ

Ok, thank you., I will use / postname / this format

Hi AJ,

Thanks to all your comments from last week, I have two tasks earmarked for this week. Probably best to create two posts so here is the first one.

Yesterday, you asked why I wanted to use a custom menu header (that would force me to use a menu plugin). I think I did respond, but here it is again.

I currently have a simple standard header menu.http://therussiantrilogy.com/home/#

The logo is temporary for the draft site. In reality, it need to be a taller and wider graphic which needs to sit on TOP of the menu in the header, centered. I also have to add widgets to the header, and so I started to develop a custom header, but ran into that problem of not being able to simply include the main menu in the custom header template with VC.

So the question for this week is whether there is another way to create a header menu with a large logo on top rather than on the side.

The second tasks is understanding custom post types: I have some reading to do before I ask questions…

Hi there,

In terms of centering the logo it’s actually very easy by using the header style three:

Adding widgets can be done as well and there are many ways but it depends where you want to add these widgets exactly.

Also it would be very easy via a child theme to just override your logo with a page builder template I can provide this code if you want.

- AJ

oh, very cool (how on earth did you manage to do it on my page though?)

I should have spotted that in docs: I guess I was only looking at custom headers. I am using a child theme and yes, it would be useful to get the code and experiment with building a template to replace the logo, but it’s not particularly urgent since I now know how to do what was requested.

For the widgets, I’ll map it out with her and let you lnow.

Thank you very much AJ

Hi AJ,

Beginning to look at custom headers. Already created a custom footer, but the custom header is a bit different as I need to incorporate the main menu.

Reading https://wpexplorer-themes.com/total/docs/header-builder/, especially the last bit, I get the impression that I cannot just integrate the main menu via Visual Composer into the Custom Header Template. It looks like I need to recreate the menu with a plugin, such as one of the 3 recommended. Is that correct? Can I not do this in VC without a menu plugin?

I thought I had found a workaround as VC offer menu elements. See https://visualcomposer.io/docs/content-elements-structure/menu-elements/ . but this requires access to the visual composer Hub. That is normally reached from the VC nav bar, but mine is not looking like the full VC nav bar that had the Hub icon. I see on their site that access to the Hub is available (partially) even in the free version, so I don’t understand why it does not seem available in VC as installed with the Total theme.

Middle of the night for you, isn’t it?

It’s 1 am, about to go to bed.

Well deserved. See ya.

Hello AAJ,

In what format do you input colours in the fontawesome shortcode?

All I can see on https://wpexplorer-themes.com/total/docs/font-awesome-shortcode/ is in the screen capture (color=”000”) which I supposed is the hex value omitting the # sign. So I try with this setting [font_awesome icon=”heart” color=”FF0000”], for red, but the icon colour does not change.

Still on the fontawesome shortcode, certain icons, in the free fontawesome, not the pro version, do not show up. See for example those two free icons here:https://fontawesome.com/icons?d=gallery&q=health&m=free

[font_awesome icon=”medkit”] works fine but [font_awesome icon=”briefcase-medical”] does not.

If I can use SVG instead, that’s fine. Can I use SVG in Menu Items Navigation Labels?

Yes you can insert html in your menu items so you can do so like such:

<img src="SVG URL" /> Menu Text

You may need to add some CSS to make the svg’s have a nice consistant size but it should work just fine.

Of course you do need to enable SVG support in WordPress first. Either via a plugin or code – https://wpexplorer-themes.com/total/snippets/allow-svg-uploads-wordpress/

- AJ

Ok, that’s great. I’ll give that a try.

Thanks AJ.

Hello AJ,

You’ll hammer me for SEO reason knowing that I have a page with a (paged) Post Type Grid that shows very short blog posts full content (with “-1” as Excerpt length in module tab), similar to a “wall” of news.

(funny though : I haven’t yet promoted nor optimized the site, and when you search “Culture Officer” in Google France, it ranks #1 , probably for language reason)

Is there a way please to show Total Social Share at bottom of each entry ? (you’ll hammer me again : I have a child “partials/social-share.php” where I’ve added some text).

If too cumbersome otherwise, maybe I could use the ‘Create a Shortcode’ snippet ?

Here’s the development page : https://culture-officer.fr/breves

Michel

Thank you AJ.

Here’s the gist for test HMTL in your filter – just for Twitter, pasted from your gist in last comment :

https://gist.github.com/Michel-Paris/519811cd4dccc1b8b6294997beb8f7e5

It breaks the site (blank pages).

And here’s the gist for what didn’t display well in my previous comment – the lines in my child “partials/social-share.php” that create URLs for entire page instead of PT Grid entry (except for Email) :

https://gist.github.com/Michel-Paris/63c25a071e0bc33a5c551c2d7195fa44

The reason the first code breaks the site is because you have PHP tags and echo statements inside what already is defined as PHP – https://cl.ly/r5fa – also the javascript part can either be removed or will need tweaking.

If you wanted to use the code exactly as I sent you could also use the ob_get_clean function and wrap it in it’s own php tags or call it from another file.

In this code – https://gist.github.com/Michel-Paris/63c25a071e0bc33a5c551c2d7195fa44 – $url hasn’t been defined anywhere. You need to make sure $url is set to get_permalink()

- AJ

Hello AJ,

Thank you indeed for your kind and clear explanations, your last remark has allowed me to make the shortcode work properly :grin:

Michel

Hello I have installed a plugin to show my upcoming concerts that is called bands in town.

But I get the following error.

... same name as their class will not be constructors in a future version of PHP; Bandsintown_JS_Plugin has a deprecated constructor in line 16

Should I eliminate it ?

Regards

Thomas

Hi Thomas,

This is a warning most likely with your PHP version you should just contact the plugin author so they can patch it up.

- AJ

Hi.

Is there an option to disable “Portfolio”, “Staff” and “Testimonials”? I do not use these features.

Of course! You can disable these under the main Theme Panel settings.

Thanks.

Hi AJ. I just wanted to say I appreciate your engagement in the GDPR discussion and that you answer our questions regarding this new challenge. It’s nice to see you are ahead of the situation, which you BTW do better than many of the more “popular” theme developers on Envato. Good work AJ.

Hey there, thanks for the kind words! If you find anything or have any questions please let me know. There is a lot to learn here, so I am still reading about it everyday and I welcome all customer feedback.

I hope you are having a nice weekend,
- AJ

ps: If you need to pickup an extra license or renew support the theme is only $29 today ;)

Yeah, There’s a lot of changes in our workflow because of GDPR.

$29 is a good price, I might pick up an extra licence just in case (Total is my default goto theme). I think we still have support on the theme through the museum I work for (ostfoldmuseene).

Have a great weekend.

Thanks, have a great weekend as well ;)

Hi AJ,

It’s the week-end and this is not urgent at all.

Is it possible to reverse demo import? Or can I do that my resetting the WP Database without uninstalling theme and plugins?

Also, in the Paris demo, the last menu entry is Contact: it is styled with a blue frame:background unlike all the other menu entries. Would you be able to let me know where in the theme that ONE menu entry is styled differently? I couldn’t work it out.

Thank you. Have a good week-end.

You can’t reverse the import because of how WordPress imports data. If you use the WP Database reset plugin I am pretty sure it doesn’t remove the theme or plugins but you need to be careful to not reset your username.

We’ve started recommending a new plugin recently – http://www.wpexplorer.com/reset-wordpress-website/ – which we’ve tested and works well.

That said, depending on the demo import it may be quick and easy to just go to the wp admin and bulk delete pages from the admin screen then bulk-delete images from the media screen. Any of the demos can probably be manually deleted in just couple minutes.

- AJ

Yes, no big deal. There are several bits I really like from that demo too, so I am going to take it apart bit by bit.

Hello AJ,

Just a quick question? Would you please check this page when you have time? http://therussiantrilogy.com/children-books/

You will notice a white row between content (a Slider Rev slider) and the footer. I did set the padding and margin of the bottom of the row that contains the slider to 0, but that doesn’t do it. How can I get rid of that whitespace please?

Err, no. I just changed the setting under te Vc panel as you showed me here https://wpexplorer-themes.com/total/docs/visual-composer-spacing/

If you read that doc page this setting is for changing the margin on ALL Modules further down the post it shows how to reset on a per-row basis which is what you’ll want to do for the footer builder row.

- AJ

Got it. It’s back to work for me…thanks AJ

Hello .. I hope you have great sales at this site .. Follow me TOO :D

Hello team, While setting up this theme, I cannot change the homepage. All urls entered redirect to the sample-page url. Any assistance would be greatly appreciated. I removed the theme and seventeen theme worked as expected. I removed plugins with no change in behavior.

Hi,

Do you have the Under Construction function enabled by chance in the theme under Theme Panel > Under Construction? This setting will redirect any logged out user to the defined page.

- AJ

AJ,

Thanks! That did it!!!!!

-CB

Great, I’m glad it was a quick fix. If you need anything else let me know ;)

Hi team,

I’m comparing a sample theme like this one. Want to know if this theme can be customized like this web?

https://www.tokaicarbon.co.jp/en/

Hi,

Technically any theme can be customized via a child theme if you know what you are doing (are you a developer?).

If there is any specific function you are looking for that you need to have built in?

- AJ

Hi, I am trying to add a new image size. I want to be able to select the new image size when I am editing in a text block and Add Media. So, I added the code from this page: https://wpexplorer-themes.com/total/snippets/addremove-image-sizes/ to my child theme functions.php and I see the new image size in the Theme Panel > Image Sizes > Other. I set the size that I want there. I then go to Regenerate Thumbnails to get the new size created, but the new size image is not created. It shows this: grid-thumb: 540×304 pixels (cropped to fit) Screen-Shot-2018-04-06-at-11.34.07-AM-e1523036512460-540×304.png with a red x beside it rather than a green checkmark. Here is the code that I used: function wvp2018_image_sizes( $sizes ) {

// Add new image size "Grid Thumb" 
$sizes['grid-thumb'] = array(
    'label'     => __( 'Grid Thumb', 'wpex' ), // Label
    'width'     => '540', // id for theme_mod width
    'height'    => '304', // id for theme_mod height
    'crop'      => 'center-top', // id for theme_mod crop
);
// Return sizes
return $sizes;

} add_filter( ‘wpex_image_sizes’, ‘wvp2018_image_sizes’, 9999 );

What else do I need to do, so the new image size will get generated with Regenerate Thumbnails?

Does this filter also add the new image size to the image_size_names_choose filter, so you see it when you add a photo to a block?

Thank you.

Hi,

By default all images defined via wpex_image_sizes are not generated via WordPress as they are created on the fly only as requested/needed. Unless you disable on the fly cropping – https://cl.ly/r4S9 – then it get’s registered the “normal” way in WordPress so that it can be added to the regeneration queue. But this means ANY image used on the site will be auto cropped when uploaded to all defined sizes as opposed to only the size needed.

Now, if you want that image size available in the Add Media screen it’s not sufficient to simply “define” the new image size, because WordPress doesn’t automatically add all images to the image size dropdown when clicking “Add Media” in the text editor. You need to actually register any new sizes you want available via this filter – https://codex.wordpress.org/Plugin_API/Filter_Reference/image_size_names_choose

So if what you really want to do is register a new size that does use image regeneration on upload instead of registering it with wpex_image_sizes you could simply use this – https://developer.wordpress.org/reference/functions/add_image_size/

- AJ

Hi! I am new to Wordpress and love your theme. However, I am trying to add a calendar widget to the bottom footer. I have used the Upcoming Events widget from Jetpack and the Simple Google Calendar widget. I am trying to change the color of event title…but I can’t figure out where to do that. I think it is inherited from the Theme, but could be wrong. I can change the text color of the date/place/description, but not the event title. Here is a link for your to view what I am talking about: http://www.tmcorchestra.org/HOME. (this site is very much in progress)

Thanks in advance for your help/advice!

Hi,

I’m glad you like the theme and welcome to WordPress!

Changing the color is very easy with a little CSS. Example:

#footer strong { color: #fff; }

The title has a strong tag which the theme makes a certain color by default. I noticed that the option to change the text color in the customizer isn’t targeting the strong tag, so thank you for pointing this out. I added a fix for the next theme update ;)

If you need anything else let me know, otherwise, have a nice weekend!

- AJ

Hi AJ,

So, I just updated the theme and everything seems to be working fine, except, the code that you sent me above is no longer working. All of my text is white again. Is there new code that I need or can I change the color somewhere else?

Thanks!

I added a tweak in the last update so if you modified your footer color via Appearance > Customize > Footer that it will auto affect the strong tag. If you want the strong tag color different then the footer text color just add an !important attribute to override the Customizer setting:

#footer strong { color: #fff !important; }

- AJ

The Visual Composer elements not formatting correctly. I have added the Visual Composer Accordion element into the content template. at first, It was okay but when I added 4 Accordions on one page the “widget title” shrink into very small line. this happened only when I add 4 accordions or more.

Hello, Just wondering can you help me?

Hi,

This page – http://mineralian.com/example-2/ – while it doesn’t have the table of contents is still loading the scripts and CSS for the table of contents plugin.

If you disable the plugin completely do you still have issues?

If want you can share the exact code used on the page so I can test locally – https://wpexplorer-themes.com/total/docs/share-page-content-troubleshooting/ – and verify if the issue is only on your site. I have tried various ways but no matter how many accordions I add to a page I don’t have these issues when testing on my local dev installation.

- AJ

I did that. and it worked thank you very much.

this is really the best.

Hello AJ,

I need your advice on the best (read easiest) way to create a multilingual site (well, bilingual at this stage). I don’t mind using a plugin, as long as Total likes it.

I just had a look at a video showing Polylang. That looks really easy to use until you see that when you earmark a post for translation, it defaults to a blank page/post. In other words, it seems you have to create the page all over again. That sounds crazy inefficient to me. Ixould have thought it would be a lot easier the display they page in the primary language and translated there and then using the primary language as a model, maintaining the page structure and translating on the fly (I am not looking for machine translation or google translate: I want to translate manually).

Is there a plugin that you could recommend? WPML looks good. Just wondered how well it integrates with Total and whether you had an alternative in mind.

Thanks AJ..

Hi,

First of all Total is compatible with both Polylang and WPML. The more important thing is if your server can handle it. Multilingual sites are like running 2 WordPress sites in one so you need a pretty good server if you don’t want things to be very slow when creating/viewing the site. I would highly recommend a mid-higher range managed WP hosting for multilingual sites such as Flywheel, WPEngine, Kinsta, Page.ly…etc.

Polylang can duplicate the page just like WPML – https://polylang.pro/doc/duplicating-content-across-post-translations/ – and Polylang I believe is a big slimmer then WPML but WPML has built-in WPBakery Page builder integration – https://wpml.org/plugin/wpbakery-page-builder/ (already setup in Total).

Both can be a bit complex especially if you are new to multilingual sites and WP so I would go with a premium solution as you may likely have some questions or need some help with the setup and the documentation for both plugins aren’t necessarily the best out there.

Total is multilingual compatible but any questions regarding the setup or usage of these plugins is outside the scope of the theme support.

- AJ

Yes, I realise that when I decide to go for one or the other, I need to turn to them for support. I just need to decide which would work best. Thank you AJ.

Most customers use WPML…not sure if that helps with your decision.

Hi there,

We recently updated your theme and noticed that the vertical menu drop-down links no longer function.

I saw that there is another comment relating to this. Is there a fix at all yet?

Many thanks,

JH

Hi,

The fix is a very easy CSS fix:

.header-six #site-header-inner { overflow: visible !important; }

But it has been fixed for upcoming 4.6.2 which will be released soon. Sorry for the troubles!

- AJ

Thanks AJ – very speedy and all works!

Hey AJ, I have created a 2 column row (with equal column size) and have an image in each column.

This looks great on a desktop, but on a mobile device, the images overlap. Is there any way of adding a space between the images when seen on a mobile device without affecting how it looks on a desktop.

I have tried experimenting with column gaps but it does not seem to work. Kindly review the screenshots and assist.

Thanks

SCREESHOTS http://prntscr.com/j7r04c http://prntscr.com/j7r0fh http://prntscr.com/j7r0vf

Thanks for your response AJ. The live URL is https://www.burhani.co/go/it-support-dubai/

Also, is there a way to make this row sticky (similar to the regular sticky header style)

Thanks

So for mobile I would recommend adding a bottom margin of 25px to each column and removing the 25px bottom padding on the outer row.

There isn’t any built-in method for sticky rows because it can be extremely complex to do since anything can be added to rows and if there are multiple sticky rows it can cause issues. So this is best not added to the theme as an option.

It looks like you are creating a landing page, why not just make a template in your child theme that has a header at the top by default rather then using the page builder.

- AJ

Thanks AJ. Let me try these out and revert

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