Hi,

No worries regarding the support license you can always wait for a sale if you want and renew it then, I only require the support license for private tickets feel free to ask any questions you want here – https://wpexplorer-themes.com/total/docs/renew-support-license/

Regarding your issue, can you share the URL so I can have a look at what’s going on and let you know how to fix it? Thanks!

- AJ

Hi,

There appears to be a “broken” row right before the end of the homepage which I’m not sure how it was caused – https://cl.ly/c05c6f

If you edit your page via the backend editor at the very bottom you should find an empty row that has parallax enabled and a row overlay which looks like this in the live demo – https://cl.ly/cd2c08

Something maybe went weird during the import or when editing the page but it should be easy to locate and delete this extra row on your site.

- AJ

Thanks AJ. I see the code you are talking about, but cannot find it in wpbakery classic, backend, or frontend editor. Maybe I just need to edit it in my file manager with my host? thanks

Hi,

It’s possible you have a broken element like if you added custom html on the page and it’s missing a closing div it’s causing the backend to break a bit.

You should be able to locate it via the “text” mode in the editor. If you send me your page code I can edit and send it back fixed: https://wpexplorer-themes.com/total/docs/share-page-content-troubleshooting/

- AJ

Hey,

I’m getting a 404 on this link did you delete the Gist?

- AJ

Sorry about that. For some reason, my account has been flagged. I contacted support, and will let you know when I am unflagged, so I can share. Thanks

You can try any other snippet sharing site here is a couple others:

• http://snippi.com/
• https://codeshare.io/GABWne

(you don’t need accounts for these 2)

Hi,

What sort of customizations are you “losing” and how are you performing the update? You shouldn’t be losing any customizations. Especially since from 4.8.2 to 4.8.4 there hasn’t been any design changes.

What can happen is after you update the theme WordPress asks you if you want to “activate” the theme which will activate the parent and you need to click “no” to keep the child theme active (some customers accidentally re-activate the parent).

It’s also possible there is a theme bug and if you show me the URL and let me know the issue I can take a look.

In terms of the editor error this most likely coming from a plugin, have you tried disabling plugins to test?

Of course you can always disable the custom Total shortcodes in the tinymce Editor as well (which will remove this error) by unchecking the option in the Theme Panel called “Editor Shortcodes”. So if you do have a plugin conflict you can disable the option to remove the console error. All it does is remove this button: https://cl.ly/cc316d – which most people don’t use anyway.

- AJ

Hello AJ,

Thanks for reaching out.

I did the update on cpanel. I downloaded the zipped file from the download option on my account after which I extracted it to obtain the total.zip file. That is what I uploaded on my wp-content themes section.

I renamed the previous active Total theme so that I can extract the update. After that I reloaded the site and unfortunately what came up was this: http://tiny.cc/bvl94y

I have the site on maintenance mode because it looks crazy and I’d hate to leave it live for a couple of hours given I’m not sure when you will be seeing this. I hope the screenshot will give you an idea of what I mean by losing customization.

Evidently, the menu, buttons, footer customization have been lost. The rows also have been stretched together with the content which was not in my customization.

I unchecked the editor shortcode as advised but that has made no dent. I went through the step of disabling the plugins and activating them one by one before I settled to reaching out here.

I also attempted a lower version 4.7 to see if it was an instability issue and true to it, 4.7 keeps most of my customization (90%) as compared to the 4.8.4. Now sadly I can’t restore the original 4.8.2 it was built on because it gave me a white screen after migrating servers explaining why I had to update.

I hope this explains my problem at length. It is for this reason that I have not updated two of my other websites to 4.8.4 because apparently for them, they retain full customization on 4.7 given they had lower versions of the theme, but end up losing them when I update them to 4.8.4.

Now I can’t do 4.7 for this particular site because that would be a downgrade from 4.8.2 which is why while it retains 90% of the customization it still loses some of it like font sizes, menu and footer customization.

That said, I am looking for a more permanent solution that will also help me to update the other two websites as well and also maybe if you would be willing to help me setup correctly for regular automatic updates in future.

Oh and yes, all the while, it is the child theme that remains active not the parent (I have made sure of that).

Sorry for the essay

Thanks!

Hi,

Based on the screenshot what appears to be happening is that the theme css files aren’t being loaded so the layout is all messed up (of course I would need to see the actual site to confirm). This can happen when you update the way you are doing it via FTP and the files aren’t getting the proper permissions. If you inspect the site code and try and access the main theme’s style.css can you actually access it or do you get a permissions denied error?

The best way to update is using the theme dashboard updates this way the theme gets updated via the WordPress updater which should assign correct permissions. All you have to do is activate your theme license and you’ll see a notice in the dashboard to update the theme – https://wpexplorer-themes.com/total/docs/update-theme/

And if it isn’t a permissions error then it’s simply a caching error. Are you making sure to clear all server/plugin/browser cache when making the update? https://wpexplorer-themes.com/total/docs/clear-site-cache/

- AJ

ps: Unchecking the option for the editor shortcodes will only fix this error: “Failed to load plugin url: https://benchmarkvaluers.co.ke/wp-content/themes/Total/assets/js/dynamic/wpex-tinymce.js" – unchecking the box simply prevents this module from loading.

What I mean by “If you inspect the site code and try and access the main theme’s style.css can you actually access it or do you get a permissions denied error?” is doing this: https://cl.ly/ed517c

If you can’t even access the stylesheet it means all the files extracted to your server probably have incorrect permissions so they can’t be accessed so basically your site has 0 styling. This is common when uploading and extracting a zip on the server the way you did and the server isn’t setup to automatically set file permissions upon extraction (most aren’t).

- AJ

Hi AJ,

I might have spotted a difference in what I saw in your page source and what I have.

I have the site live so you can access the site here and advise: https://benchmarkvaluers.co.ke/

There is 404 error on this line: <link rel=’stylesheet’ id=’parent-style-css’ which is above the child theme line: <link rel=’stylesheet’ id=’wpex-style-css’

By clicking the child theme line, this is what I get: /* Theme Name: Total Child Theme URI: http://totalwptheme.com Description: Total WordPress theme example child theme. Author: AJ Clarke Author URI: http://totalwptheme.com Template: Total Version: 1.1 /

/ Parent stylesheet should be loaded from functions.php not using @import */

Hi AJ,

Just an update on the progress. I was able to restore my websites to full customization and update all of them to 4.8.4.

I have also set them up to receive updates directly on the WP dash. Thank you for your help. The issue was with installing through FTP.

The Envato Market plugin came in handy. Thanks for taking time to assist.

Keep up the good work!

P.S. I can’t seem to hide the white space after my footer (the one before the footer bottom). Is there a function for it on customization or will I need a code for that?

Thanks!

Great, I’m glad you got it working

There shouldn’t be any space after the footer and before the footer bottom. Can you share the URL with the issue so I can inspect the code and see where that spacing is coming from?

Thanks I was able to sort that. I used the landing page template to set up the footer page as opposed to the no-sidebar option.

A quick one, I have been trying different codes to change the styling for the button on my header on this website: https://inkedhubwriters.com

The css class for it is menu-button menu-button-rounded. I would like to change the text-transform to uppercase, reduce the font-size to something smaller, and change the padding, that way it would stand out from the other elements in the header.

Let me know if there is a possible code to go with this. Thanks!

Hi there,

Hey, nice looking site! To tweak the button typography the current CSS to target would be something like this:

#site-navigation .dropdown-menu .menu-button .link-inner {
    text-transform: uppercase;
    font-size: 11px;
    padding: 10px 20px;
}

This may be a bit “specific” but should ensure that any customizer options don’t override the button.

- AJ

Hi AJ,

Thanks for the compliment and the code.

However, it seems to me like that code is for the drop down mobile menu button. But I could be wrong, it’s just that it didn’t work.

Just to be sure, what I meant is the ‘Get Quote’ button I have on the header which is visible only on desktop view. I want to style the text to something similar to what is in the ‘Learn more button’.

Is that possible without interfering with other elements of the menu on the header?

Thanks!

Hi,

I’m pretty sure this is a limitation of WordPress when doing custom popups but I’ll have a look and get back to you right away.

Now…depending what you are doing there could be better ways to organize your media. For example if you are dealing with TONS of images using a plugin could be best: https://wpexplorer-themes.com/total/docs/real-media-library-integration/

Let me see if I can update the popup for the Image Gallery metabox and I’ll get back to you.

- AJ

Hi,

Looks like it was actually a pretty easy modification I updated the theme for the next version to include the new select dropdown: https://cl.ly/49b409

If you want a temp fix here is the file: https://cl.ly/f3be8b

Simply extract and replace via FTP under Total/assets/js/dynamic/admin/ and clear your browser cache.

Thank you for the great recommendation! If you have any issues updating the file or with the modified changes let me know.

- AJ

ps: If you want to include ALL images uploaded to a post in the image gallery automatically it’s actually possible to add a little code to your child theme for this so you don’t have to even select them. If you want that code let me know.

Hi AJ, fantastic, thank you ! Yes i’d like the additional code, please, thank you

Hi,

Ok so originally I thought I had a custom filter in place to override the gallery images (as that would make sense to me) but looks like I don’t. So I need to tweak a theme file and send it to you with the added filters. Now, for the custom code to automatically fetch the images attached to the post I need to know what you are doing exactly. So what post type (post, portfolio, staff…etc) do you want this for and is it only for the front-end slider that shows up based on the gallery images or are you using the post gallery images for something else?

- AJ

Ok, so I just made the needed changes basically you have to open the file at Total/framework/core-functions.php and edit the following 2 functions wpex_post_has_gallery and wpex_get_gallery_ids (starting on line 2017) to look like this:

/**
 * Check if the post has a gallery
 *
 * @since 3.0.0
 */
function wpex_post_has_gallery( $post_id = '' ) {
    $post_id = $post_id ? $post_id : wpex_get_current_post_id();
    if ( get_post_meta( $post_id, '_easy_image_gallery', true ) || apply_filters( 'wpex_get_post_gallery_ids', null ) ) {
        return true; // this is a quick check
    }
}

/**
 * Retrieve attachment IDs
 *
 * @since 1.0.0
 */
function wpex_get_gallery_ids( $post_id = '' ) {
    $attachment_ids = '';
    $post_id = $post_id ? $post_id : wpex_get_current_post_id();
    if ( class_exists( 'WC_product' ) && 'product' == get_post_type( $post_id ) ) {
        $product = new WC_product( $post_id );
        if ( $product && method_exists( $product, 'get_gallery_image_ids' ) ) {
            $attachment_ids = $product->get_gallery_image_ids();
        }
    }
    $attachment_ids = $attachment_ids ? $attachment_ids : get_post_meta( $post_id, '_easy_image_gallery', true );
    if ( $attachment_ids ) {
        $attachment_ids = is_array( $attachment_ids ) ? $attachment_ids : explode( ',', $attachment_ids );
        $attachment_ids = array_values( array_filter( $attachment_ids, 'wpex_sanitize_gallery_id' ) );
        return apply_filters( 'wpex_get_post_gallery_ids', $attachment_ids );
    }
}

Basically the changes are the inclusion of the “wpex_get_post_gallery_ids” filter.

Then here is a sample snippet for you – https://wpexplorer-themes.com/total/snippets/attachments-gallery-slider/ – which can be customized for your needs.

I’ll probably be releasing 4.8.5 this weekend or early next week as well with the modifications.

- AJ

Awesome, I’m glad to hear that.

Can you share a sample URL with a single facebook widget active? This doesn’t seem to be an issue when I test or on live demos. E.g: https://total.wpexplorer.com/seo/blog/

- AJ

Hi AJ,

Sure, no problemo.

For info:

I’ve got the Total Facebook Widget running just on default pages (which have a right sidebar and no visual composer), meaning that we’re looking at our ‘Statistics’ page for the full effect.

The Total Facebook Widget is to be found immediately under the ‘Twitter Feed’ widget on the right hand side.

As you’ll see by checking out midlandsmaidens(dot)com/statistics/ with the third party Facebook page widget deactivated, there’s just a blank space in the ‘Midlands Maidens on Facebook’ widget section.

(I’ll leave the third party Facebook widget deactivated so that you can see this).

If I were to RE-activate the third party plugin (for arguments sake, its the https://en-gb.wordpress.org/plugins/simple-facebook-twitter-widget/ plugin), then without the aid of a safety net or placing the third party widget, the Total widget fires up, just through this plugin activation.

Some weird stuff going on here!

Hi,

So in order for the Facebook page widget to work it has to load the facebook script right after it which is not happening on your site. The widget code should include this – https://cl.ly/e06432 – which is actually hard-coded into the widget (there is no conditional statement to make it not show up, if the widget is added it should be on the page).

In your case the code is missing. The only thing I can imagine is your caching/minify/script or whatever plugin is actually removing the code and so when you enable another facebook widget plugin the script gets re-added to the page so it then works.

Definitely something outside the scope of the theme though causing it to be removed or displaced.

- AJ

Thanks AJ, I’ll get to work disabling plugins to find out the culprit.

Alternatively I can just give you some code to add to your child theme if you want to re-dump the facebook script at the bottom of the site and see if that works. Let me know if you want to try that.

It’s 1am here so I’m off to bed, but I’ll be back tomorrow

- AJ

Sure, I’ll try that.

The code would look like this:

add_action( 'wp_footer', function() { ?>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.async=true; js.src = "//connect.facebook.net/<?php echo esc_html( $language ); ?>/sdk.js#xfbml=1&version=v2.5&appId=944726105603358";
        fjs.parentNode.insertBefore(js, fjs);
    } ( document, 'script', 'facebook-jssdk' ) );</script>
<?php }, PHP_INT_MAX );

- AJ

After some more testing it seems like the problem only occurs only on posts (blog, portfolio) and not on pages.

Hi there,

The way the stretched row works is it makes the row 100% of your screen-width and with a header on the side it will go behind the header as the header is located on a section of the viewport.

I could add some “hacks” to the WPBakery plugin so when you have the vertical header the stretched row offsets the header, the issue is there are a lot of customers using the vertical header with an rgba transparent background and they have used the stretched row to place backgrounds behind the vertical header. So if I make these modifications (which is actually quite a bit of bloat) it’s going to break these customer’s sites.

Now…depending what you want to do with your site I can provide some good suggestions. If you want to share the URL or mockup of the site or what you want to do.

You do mention it only happens on posts and not pages, that’s a bit weird because the stretched row should function the same on the whole site. So I would be curious to see if you can share.

- AJ

Thank you for your fast reply AJ. I would love to share the link with you but I dont want to do it public. Can I reach out to you by email or something?

Here is a quick sketch of what I am trying to do. https://abload.de/img/sketch0qje3.png

So basically an Image slider with no paddings and the vertical navigation on the left.

If I set it up on a page its working fine but on a post it gets behind the navigation as you explained.

Like I said, I can give you a link but need to send it privately.

I just recognized it only works if I set the page to fullwidth in the page/posts layout options and leave the column/section to default (unstreched).

Thats why I was confused and thought its working on pages only. Actually its working on posts as well that way. I think I can build a workaround with that.

Thanks again for the awesome high quality feedback you provide here!

So all you want to do is put a slider that’s full-width at the top?

If so, all you need to do is use the Slider meta field: https://cl.ly/ed9652

This will be placed above your content and it’s not contained so it will render full width so it will touch the edge of the vertical header and the edge of the screen on the right.

- AJ

Thanks again but this will not work well for my situation because I need the slider to be in a lot of portfolio items and images easily addable to them. I think the picture slider works best because everything you need to edit is on one page/post.

Like I wrote, it works with default fullwidth setting so I just use padding-left: 10vw; on the rest of the content. Of course this is a workaround but I really dont want to specify the picture slider on a different page.

Hi,

So the easiest way to remove the license manually is simply log into wordpress and go to your-site.com/wp-admin/options.php here you can find all your site’s main options added by themes/plugins (excluding theme mods) and you can locate the “active_theme_license” field and set the field to empty then scroll all the way down and click the save options button. This will remove it completely from the site

- AJ

Now in terms of actually deactivating a license from our API you would do that here – https://wpexplorer-themes.com/support/ – but for security reasons it only gets de-activated on the site where it was first enabled. For the cloned site you would have to do it manually.

- Aj

ps: I could have the license automatically removed when you duplicate the site but this seemed worse. And the reason you can’t de-activate it from a cloned site is to prevent issues where someone may hire a freelancer to work on the site and they could “steal” the license and then deactivate it from another site and leave you license-less.

What I could do is maybe add a “clear” license button which doesn’t technically deactivate it but simply clears it from the site. Thoughts?

Hi,

If you are targeting “standard” blog posts you could use the “Blog Carousel” instead which does have an option to include or exclude categories.

For the Post Types Carousel, you’ll want to use the “Advanced Query” option. Example: https://cl.ly/51bb62

Code used in example:

post_type=post&posts_per_page=20&post__not_in=2&tax_query[0][taxonomy]=category&tax_query[0][field]=slug&tax_query[0][terms][]=inspiration

The advanced query will take on the same core WP_Query parameters – https://codex.wordpress.org/Class_Reference/WP_Query – but in a url query string format since you can’t actually save PHP inside the editor.

- AJ