Export/Import is not a function that would ever be added to a theme. You would either want to use the native WordPress functionality at Tools > Export/Import or a plugin.

One problem with exporting posts though from a different site is that WordPress uses an incremental numerical ID for all posts, images, etc. When you import posts/images from another site it’s possible ID’s can conflict, so the ID’s are sometimes changed during the import process. This can cause a “disconnect” with builder elements that use these unique ID’s (image elements where you define an image, post gallery where you define images for the post, etc).

Generally you would only be doing an import/export on a fresh installation which prevents these sorts of errors – so if you are importing from one site to another existing site, be aware that there may be some manual fixing needed after the import.

- AJ

ps: I didn’t understand why you would move them to standard pages, if the thought behind that was so you could access the Theme Settings metabox where you can define a custom template on a per-page basis, you can just enable that box for your custom post type via the PTU settings: https://a.cl.ly/d5uQq4N2

Great suggestions – thank you!

Of course! Let me know if you have any issues or followup questions!

onetimesecret on it’s way now with WP login details

onetimesecret on it’s way now with cPanel login details

Got em!

Thanks AJ – but “stretch image” is enabled, yet the image is still getting squeezed out of shape. Any other thoughts?

Ok, I double checked locally using the setting and there is a bug! It’s actually been an issue for a few versions now so I’m surprised no one else has noticed.

I manually patched the Total Theme Core plugin, so if you log into your site and go to Plugins and deactivate+delete the Total Theme Core plugin then go to Appearance > Install Plugins and re-install it, the fix will be there.

Sorry for the troubles and thank you for the heads up.

Ah thanks AJ. I noticed it a few weeks ago on another site of mine, but it wasn’t priority so hadn’t been in touch. Great – all sorted.

Hi,

This is Aj the theme author.

I always code everything with speed in mind. So, first of all any code that has to do with Elementor only gets loaded if the plugin is enabled, so nothing to worry about there. And all the Elementor code is only about 300kb on your server, which is very tiny.’

Total has actually always had integration for many plugins (Yoast, WooCommerce, bbPress, LearnDash, Jetpack, BuddyPress, Events Calendar, WPML, Relevanssi…etc). You can view all the relevant files under Total/inc/integration – but these files only run if the associated plugin is enabled. You look at the Total/inc/integration.php file if interested.

When bloat becomes a concern is when themes or plugins are coded in a way where everything is constantly running, even when it’s not needed. I always code my classes, functions and scripts to run/load only when they are being used. For me, optimization/speed has always been a priority – I’m a little OCD in that regards.

So rest assured you should have nothing to worry about!

With the theme Elements specifically, these are coded in a way where each element has a single registration array and output file and they use an abstract class which registers them with WPBakery. Then for Elementor I have a separate class (again only loads when Elementor is installed and running) that makes use of the same files. I am a big believer in writing DRY code so rather then manually registering each element with Elementor I created a class that takes existing code which I use for WPBakery and converts it to work with Elementor – thus keeping the theme quite small.

Total is only 4.4MB for the whole theme and 2.4MB for the Total Theme Core plugin, in comparison just a plugin like Slider Revolution is 10.8MB. Total is quite small/efficient considering everything it offers

Hope that eases your mind a bit, let me know if you have any followup questions!

- AJ

Hi James,

I’m releasing Total 6.1 today and the functionality will be built-in now

Screenshot: https://a.cl.ly/lluelDNb

With some added features and improvements over the plugin and support for Rows and Sections.

This will add images that fade-in and out behind the row content as a background. If that’s not what you want though, I don’t have a plugin that does something different. So hopefully this is what you are looking for.

I’m doing the final checks before pushing out the update! Checking comments/tickets to ensure there is nothing critical to do before shipping it out.

- AJ

Hi AJ – thanks, yes that is what I was looking for, you used to have it as a separate plugin but this is the same. Nice, thanks.

6.1 is out – let me know if you have any issues with the new settings or any other questions!

- AJ

Hi Florian,

Because SVG’s can contain malicious code, the theme uses the WordPress wp_kses function to parse the HTML output of custom defined SVG’s to allow only specific html and html attributes. I opted into only specifying specific html used in the most icon sets, such as Fontwesome, Google and Bootstrap. This keeps things slim and efficient.

This is the list of allowed html and html attributes:

'svg' => [
    'aria-hidden' => [],
    'aria-labelledby' => [],
    'class' => [],
    'height' => [],
    'width' => [],
    'viewbox' => [],
    'role' => [],
    'xmlns' => [],
    'preserveaspectratio' => [],
    'fill' => [],
    'focusable' => [],
],
'g' => [
    'fill' => [],
],
'title' => [
    'title' => [],
],
'path' => [
    'd' => [],
    'fill' => [],
],

Now, there is a filter available “totaltheme/helpers/svg_sanitizer/allowed_html” so you can use this filter to allow other attributes by adding some code to your child theme’s functions.php file or via a code snippet plugin. Ex:

// Example for hooking into the SVG sanitizer to allow other tags and attributes.
add_filter( 'totaltheme/helpers/svg_sanitizer/allowed_html', function( $allowed_html ) {
    $allowed_html['defs'] = []; // allow the defs html tag without attributes.
    $allowed_html['circle'] = [ 'cx' => [], 'cy' => [], 'r' => [], 'fill' => [] ]; // allow circle tag with attributes.
    return $allowed_html;
} );

Hope that makes sense, please let me know if you have any questions or feedback! I will add a doc about this as well.

- AJ

Hi,

Unfortunately this is a limitation of WPBakery – it’s not possible to register parent elements that can be a parent of itself.

Depending what you are trying to do though there could be a way – with some context of what you are doing I can provide a solution.

- AJ

ps: The upcoming 6.1 update – https://totalwptheme.com/docs/upcoming-update-changelog/ – has big enhancements for Elementor – not sure if you are familiar with that builder and/or like it. But Elementor doesn’t use standard “rows” like WPBakery, it instead uses Grid/Flex containers for everything so you can have unlimited flex containers inside flex containers.

Hi James,

When you download your font and convert it for use with @font-face (web font – aka woff2 format) you should have a file for each font weight (unless it’s a variable font – but that’s not yet supported in Total).

So you would basically upload a file for each font weight you are going to use on your site with that font family. Example: https://a.cl.ly/xQukmkmy

If what you are confused about is that I used numerical values of the dropdown 400 is “normal”, 500 is “medium”, 600 is “semibold” and 700 is “bold” – I will update the select to have the names next to them so it’s less confusing.

- AJ

Thanks AJ, this is not a variable font, I just bought one, called “Regular”. So should I choose “normal” (400) or “medium” (600)?

Regular would be “normal (400).

Hi,

This is related to the fact that by default the masonry script tries to keep items in their correct “placement”, in your example there is a big white space because if the following image was added inside the white space it wouldn’t follow the correct “order” assignment. Here is a video to show you what I mean: https://a.cl.ly/E0uNBlnB – in the video I click on the different images in the HTML and they highlight in blue. As you can see the second image comes after in the HTML so the masonry script wants to show it after, if it were to be placed inside the white space it would technically display before it – so the order would be incorrect.

This issue can happens because the order of your images happens to leave a gap as you have 2 tall images on the sides.

If you don’t care where the images are placed you can add this snippet to your site: https://totalwptheme.com/docs/snippets/prevent-white-space-in-masonry-layouts-ignore-order/

Hope that makes sense…I will look at adding an option to the Image Grid element in a future update. In your case though a setting isn’t helpful because your portfolio posts are all manually created so it would take a long time to update them all (a snippet is best). But for cases where the site is using a dynamic template it would be very helpful as you can just edit the dynamic template to affect all posts – https://totalwptheme.com/docs/dynamic-templates/

- AJ

ps: I recreated your gallery and tested the snippet and confirmed it works, but if you still have issues let me know!

I added a new setting in upcoming Total 6.1, here is a video showing it in action: https://a.cl.ly/RBub2Pj7 – but again, for your site it may be best to use a snippet than manually editing every portfolio item.

Thank you for bringing this issue to my attention! I’m sure many will appreciate this new option

- AJ

Perfect, thank you !

Glad it was an easy fix, thank you for letting me know!

A follow-up question, I keep getting an error message that WooCommerce files are out of date in the theme. Is this something that should be part of the updates? :

Your theme (Total Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. Suggestions to fix this:
   Update your theme to the latest version. If no update is available contact your theme author asking about compatibility with the current WooCommerce version.
   If you copied over a template file to change something, then you will need to copy the new version of the template and apply your changes again.

Here’s the detailed message:

Your theme has a woocommerce.php file, you will not be able to override the woocommerce/archive-product.php custom template since woocommerce.php has priority over archive-product.php. This is intended to prevent display issues. Overrides Total/woocommerce/archive-product.php, Total/woocommerce/checkout/form-checkout.php, Total/woocommerce/loop/loop-start.php, Total/woocommerce/loop/orderby.php version 3.6.0 is out of date. The core version is 9.7.0, Total/woocommerce/myaccount/my-account.php, Total/woocommerce/single-product/meta.php version 3.0.0 is out of date. The core version is 9.7.0, Total/woocommerce/single-product/rating.php, Total/woocommerce/single-product/tabs/tabs.php version 3.8.0 is out of date. The core version is 9.6.0, Total/woocommerce/single-product/title.php

Hi,

You can usually ignore these notices, if there is a crucial update for a WooCommerce template file that the theme is overriding, I will release the update immediately. Otherwise, I will patch it in the next official theme update as to not bother customers with frequent tiny updates. So, I always keep an eye on the WooCommerce file changes and update the theme accordingly.

Total 6.1 will be released today with the updates to these files: https://totalwptheme.com/docs/upcoming-update-changelog/

- AJ

Hi,

This is AJ the theme author.

If you are working with a page builder like WPBakery you can make any element in the theme sticky by simple adding the classname “wpex-sticky” to the element’s Extra classname field (General tab). You can learn more about the theme’s utility classes if you want here: https://totalwptheme.com/css-framework/position/

Make sure you have enabled the “Equal Height” option for the parent row, to ensure the column with the form is the same height as the column with the column next to it. This is important because CSS sticky is based on the parent container height.

If you want to make the default theme Sidebar widget area sticky, there is a setting under Appearance > Customize > Sidebar > Sticky Sidebar.

You can view an example on this demo: https://totalwpthemedemo.com/publisher/

Make sure your theme is up to date though – https://totalwptheme.com/docs/changelog/ – because Total 6.0 has some big improvements for the wpex-sticky class to ensure it automatically offsets the sticky header/topbar/menu.

- AJ

Hi,

This element was originally created when the theme was released over a decade ago – back then, most newsletter forms didn’t have their own form builders or embed code.

These days, pretty much every newsletter service offers it’s own form builder / embed code you can copy and paste into your website. I would highly recommend using your newsletter’s method for inserting their form onto your site. If your newsletter service offers this ability you really should use it as that’s how the newsletter is intended to work.

But to answer your question, the form will work with any service that supports creating a custom form via an action URL and/or hidden fields. You would need to look at the newsletter’s docs to see if it’s supported.

It would be possible for me to update the newsletter form element to work differently by adding API integration for the various newsletter services. But that would require extra setting panels, saving sensitive data on your server, extra scripts…etc. It’s way more efficient and secure to use the embedded code provided by your newsletter service.

- AJ

Hi,

There is no built-in method to do exactly what you want. As you can imagine, it would be very complicated to have some sort of built-in option for this. This would require a method of assigning a column width to each post (probably via a custom field). Which is quite a lot of bloat, plus it would be very complicated to support responsively. This would require quite a lot of extra settings and functionality that is not needed by most.

Now, if you are only displaying images you can use the Justified Image grid via the Image Grid element like the last example here: https://totalwptheme.com/elements/image-grid/ – this is done via advanced javascript that is able to look at all the image sizes and place them in such a way (something not possible to do with text based cards).

Or, if you are only displaying a hand full of posts like your example you can use the Post Cards “Featured” functionality to create some fun layouts with a larger item on the side. Example: https://a.cl.ly/wbuOOwWd – you could also insert multiple grids and use the “offset” field in the Query tab to offset the posts displayed in the previous grid.

And of course you can target the Post Cards with custom CSS to modify the column widths to your exact liking and do what you want. This is very easy using nth-child: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

- AJ

ok, AJ. Many thanks!

You can use the {{card_icon}} dynamic variable – https://totalwptheme.com/docs/dynamic-variables/

Via the Icon element like such: https://a.cl.ly/JruQQ41x

Hi,

All you need to do is add link_target=”_blank” to the shortcode like such:

[vcex_social_links link_target="_blank" ....etc

Couple things though:

• You can also create a template for your aside content for greater control as noted here: https://totalwptheme.com/docs/header-aside/ – this way you can easily edit the aside content via the page builder.

• It’s actually recommended to never force links to open in a new tab for accessibility reasons. This is especially important if you are in Europe (I see the flag of Spain under to your user avatar) and your website needs to comply with the EAA. So I don’t recommend ever setting links to open in a new tab. You should allow the user to choose how links open.

- AJ

Thanks so much!!!!

Hi,

The upcoming 6.1 update includes a new Terms Card element – https://totalwptheme.com/docs/upcoming-update-changelog/ – I actually mentioned this to you in another comment thread.

So to display the term(s) image inside of a custom card you would use the new Terms Card element set to the “Image” style and the query set to display terms from the current post. Here is a sample video: https://a.cl.ly/mXuNNpPP

This new Term Cards element will be useful for so many things. I believe I mentioned to you in a previous reply how you could use it with ACF to display custom data via custom term cards.

No need to bloat up the Post Terms element with extra settings when the new Term Cards can already do it and more

- AJ

ps: The update is technically done by need to update my live site/demos and fully test before releasing the official version. If you want though email me at wpexplorer [at] gmail dot com and I can send the beta version for you to try out before the official release so you can access the new functions.

Yeah you mentioned it! Didn’t realize it would work for that too No need to hurry I can wait for the official release since it was not an actual requirement, but a thought that crossed my mind.

Ok, i’m just a dummy – basically I was allowing the old mime type name but newer apps that convert fonts use the newer mime type. So, my code was just outdated. Either way I’ve fixed it for the next update. Thank you again for reporting the issue.

Thank you SO MUCH for the incredible help! I’ll install that plugin and let you know if I have any questions. And I’ll keep an eye out for the next theme update as well. And so sorry about the wrong account, I bounce back and forth between a couple accounts for clients and I was not paying close enough attention. Thank you for the heads up, I’ll make sure I’m in the right account next time.

Thanks again for the help!

No worries! Let me know if you have any issues with the plugin, thank you again for reporting the bug and the official update will be available shortly.

Hi Bob,

It’s been a while, I hope you are doing well.

This issue has already been reported and fixed for the upcoming update – https://totalwptheme.com/docs/upcoming-update-changelog/

I plan to release 6.1 shortly but if you want the fix now you can add this CSS to your site:

.wpex-woocommerce-product-qty-btn-wrapper:has(input.qty[type=hidden]) .quantity { display: none; }

- AJ

Forgot to mention – you do need to enable the functionality in the Theme Panel. It’s disabled by default because Dark Mode functions require added scripts and functionality most sites won’t require. I’m almost done with the docs so if you search for dark mode in the docs in a bit you should be able to find it.

Thanks! This is very helpful.

Here is the new docs for anyone looking: https://totalwptheme.com/docs/dark-mode/