X Pro Builder post edits not working

I recently updated one of my sites and to my horror, all classic video player elements no longer showed embedded Vimeo videos. I have around 100 videos and manually changed them all to the new video player. This problem has been resolved, but I cannot fix a problem with editing posts.

If I edit a post in the X Pro builder, the page is not the same as what the builder is showing. An example at https://guitartheoryandtechniquebook.com/blog/ is the main page showing:

The actual post page shows:

All post content is shown on the above example. The X Pro Builder shows:

The builder post has much more content after this screen shot which is not showing on the post.

I have saved countless times, saved a template and imported that back into the builder, tried changing the post title in Wordpress and saving, plus many other failed attempts. Caching is off.

This does not happen with page edits, although all post edits are encountering the same problem.

Hi,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

Hi,

Please try adding the code below in your wp-config.php file located at the root directory of your site.

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

You may add it before this line

/* That's all, stop editing! Happy blogging. */

Hope that helps

Thanks for the information. I tried that and it didn’t work. The X Pro Builder is still different to what is shown on the main blog page and the individual post page.

ftp credentials now added.

Are you still experiencing the issue? I just edited your latest post (removed the exclamation points) without experiencing any issue.

Please clear all caches including your browser cache then test again.

Thanks.

Still not working for me. I cleared cache including the browser, but the X Pro Builder content is totally different to the viewed page, even when clicking on the page viewer icon in the builder.

The page I am trying to edit is https://guitartheoryandtechniquebook.com/free-guitar-content/

Hi There,

I can edit mentioned post and also able to save it, without any issue.
I found a issue with the iframe code for the video, the end tag was missing. After changing this the page is loading fine. Please have a look.

Thanks

Aha! That makes sense as everything started to go wrong when I manually re-embedded the videos. The main blog page - https://guitartheoryandtechniquebook.com/blog/ - still doesn’t show the page correctly when I scroll down to that specific post:

I will go back to the other posts that I edited and make sure the code is correct.

Can you try removing the videos in that section and then add them add them back?

Thanks.

I deleted the videos and saved. The main blog page containing all posts correctly displayed the post. I then added the videos back, copying the embed code from Vimeo. It does not display the post correctly on the main blog page.

I imported the post in my test site and it doesn’t break the blog page. This means some content in your other post is causing the issue. Regretfully, in order to find what’s causing this, you will need to save each post as draft so they won’t show up in the blog page. If this could not be done in your live site, copy your site to a staging server and you can test there.

Thanks.

OK, thanks. Sounds like that will take a while. I will experiment to see if I can find the offending post.

Hi there,

Thank you. As soon as you find the post you will need to check for a bad HTML code, for example, a tag which is not closed correctly or something like that. Only focus on the posts that are visible in the blog listing. You can reduce the amount of the posts by going to Settings > Reading and change the number of this option:

That will help you pinpoint the problem sooner.

Thank you.

That will help narrow down the problem, thanks. I bet it is the html code for an embedded video as I changed around 100 of them, constantly copying and pasting.

Logical. We will wait till your reply regarding the case. Thank you.

I have just individually set each post to draft and checked back on the main blog page. The problem is still there, so unless there is a problem with html on more than one page, that doesn’t seem to be the fix.

In that case, please copy your site to a staging server so we could find what’s causing the issue without affecting your live site. Give us access to the staging’s WP Admin and FTP.

Thanks.

I have finally located the problem. I woke up in the night after dreaming about the raw content element (sad, but true).

The problem is not with code, but with the new video player element. I replaced the video player elements with raw content elements and the post displays correctly in the main blog page:

I then replaced the raw content elements with the new video player element and the problem returned:

I cannot seem to style the raw element as I want as mbn, pbn, etc does not seem to have an effect, although at least the videos are now displaying correctly.

Glad you’ve found the cause. Your discovery is valid but as said previously though, this does not happen on my end so there must be something causing it and using Raw Content is just an alternative. It displays fine in the Full Post Blog Listing.

We need to investigate this in a staging site because we need to find what is causing the issue.

Thanks.

I do have a test site on a sub domain that I haven’t used for a while. I just checked and for some reason, it doesn’t seem to be working.

Your screen shot looks completely different to what I see as there appears to be no styling. I have viewed the site on 3 different macs, an iPhone and an iPad. I have also viewed the site in Safari and Chrome. In all these instances, the site looks like my screen shot with fonts, sizes, colours, etc as in my screen shot and it doesn’t look like your screen shot.

I will have to find the time to set up my test site again.