Latest Virtue Update Created Home Page Error

How do I fix this? I only had one other plugin to update and I deactivated it but the error is still there – and it happened after the Virtue theme update.

I’m unclear how to rollback to an earlier version of your main Virtue Theme when we have the Virtue Child Theme activated. Or if this is what I’m even supposed to do to get the Hero Image back.

• This reply was modified 7 years, 2 months ago by Maggie96.

OK – I just rolled the Virtue Theme back to the previous version using WP Rollback.

And that brought the Hero Image back up.

BUT – I need to know if anyone can tell me what I can do to fix that error – so that we can then update the site to the latest version of the Virtue Theme?

ANy input would be helpful –

Thank you

Hi Maggie,
What have you added to your child theme? Did you try deactivating all your plugins to test if any were conflicting with the Virtue update? I haven’t heard of others experiencing this error.

Hannah

Hi Hannah,

I did not add anything to the Child Theme. I logged in and saw there was atheme update and one plugin update.

The plugin update went fine (WordPress HTTPS plugin). I went to the front of the site to make sure (standard procedure for me with every plugin update) and everything looked normal.

So I went back to the dashboard and clicked on the Virtue Theme update. Once it was finished I went to the front of the site and where the Hero image normally resides was a large white space with this single line of code showing:

//fast.wistia.com/embed/medias/r4bbpygjfx.jsonp//fast.wistia.com/assets/external/E-v1.js

In the hero image, the owner of the site has a video from Wistia that plays. But she has had it there for at least two years. She hasn’t done anything new with it since the last Virtue Theme update.

The rest of the site’s pages actually all looked just fine. In fact – on the Home Page – everything below the Hero image section was still showing up as normal.

The only thing that happened when the update finished was the hero image section simply disappeared and that line of code was showing where the image and the video and her welcome text usually show.

I used the WP Rollback plugin to reset the Virtue Theme to the previous version.

This is a head scratcher since we have not had a conflict like this occur before.

Wistia hasn’t had an update either. So I’m not sure what to do next. Should we just leave the theme alone until Kadence schedules another update in the future?

It looks like wistia has not updated their plugin in over 2 years. So it is likely that plugin is no longer up to WordPress standards. Have you looked into other plugins with the same functionality?

Hannah

I’ll check with the website owner and let her know that it is Wistia that is causing the conflict.

Thank you for the information. I’ll ask her to check in with the Wistia Team (I don’t have access to her Wistia account.)

Thanks, Hannah!

Sounds good! Let me know what they say!

Hannah

Hi Hannah,

Well – the interesting thing is that we are not using the Wistia Plugin.

The video code is embedded in the hero section.

So I checked the video embed code and compared it to someone else’s Wistia embed code on a different website. I noticed a slight discrepancy in the two code structures. In our code – the opening tag is missing, the “<iframe” piece. I’m not sure if that is why the theme update is affecting this – because this code seems to have been in place for a couple of years – so why now and not before? And why is this opening tag missing from her code? It doesn’t make sense that her video has been playing correctly for the last couple of years with a missing tag. Head scratcher.

But it’s a place to start.

So I’m waiting to see if the owner of the site can send me a fresh copy of the embed code to see if it includes the missing section of the tag. Then I’ll try the theme update again. If not, then we may just have to wait until the next Virtue update to see if that causes the same problem or resolves it.

Thanks!

I’m going to send this topic to the developer and see what insight he has.

Hannah

Hey, So it looks like your adding the embed code to the theme options > home slider settings there choosing video and placing the embed code in the video code box.

The issue is escaping and sanitation. WordPress is increasing the requirements for output escaping for all types of output and that includes theme options areas. In the latest version, the theme updates that output for video with a filter built into WordPress to sanitize and escape the code. It allows iframe which is how most people embed videos from places like youtube and Vimeo. From what I can see you’re not using an Iframe but instead adding scripts to load the video. This is going to be escaped and removed in the new sanitation process for that video output.

So I suggest you update your embed code to use an iframe instead of a script. This keeps things more secure.

If you need to output a script and stick with that type of embed you can use the page content or use a child theme and directly embed the script into the file instead of saving it as part of the theme options then having that output through the sanitation.

I hope that makes some sense ?? let me know if you have any questions.

Currently, because of upcoming WordPress requirements, I can’t change it back to allow scripts in that video box but I will look into it more. Escaping has to do with security and while you’re not doing something wrong by embedding scripts the security guidelines for themes are starting to require more escaping.

Hi,

OK. I think I understand most of what you are explaining. ?? I’ll dig in a little to learn more about “escaping and sanitizing”.

Wistia does offer two types of embed codes. I’ll ask my client to send me their Fallback (iframe) code and replace the Script style embed code she is currently using.

I think what you are saying is that if she wants to use the script style of embed then I need to go into her actual Virtue child theme file (functions file?) and embed the script there – not sure where though – instead of in her theme options inside the WP Dashboard.

Or

embed the script style directly onto her Homepage instead of using the theme options.

Thank you for taking the time to have a look at this and then explain what’s happening. I have other clients who use Wistia and it’s good to know this could be an issue for others down the road. It helps me learn.

??

Hi,

Update – iframe embed code Wistia generated pushes both the video and it’s container way down the homepage – leaving several inches of white space above.

And it leaves the video with horizontal black bars on the top and bottom.

I think this is a conflict with the aspect ratio of the video and the container. (Yes?)

This is the iframe embed code Wistia sent my client for her video:

<div class=”wistia_responsive_padding” style=”padding:56.25% 0 0 0;position:relative;”><div class=”wistia_responsive_wrapper” style=”height:400px;width:1150px;”><iframe src=”https://fast.wistia.net/embed/iframe/r4bbpygjfx?videoFoam=true&#8221; title=”Wistia video player” allowtransparency=”true” frameborder=”0″ scrolling=”no” class=”wistia_embed” name=”wistia_embed” allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width=”100%” height=”100%”></iframe></div></div>
<script src=”https://fast.wistia.net/assets/external/E-v1.js&#8221; async></script>

I’ve tried adjusting the height and width but it kept making both the spacing above the container and the horizontal bars on the video larger.

The only thing that gets us close to normal is removing the first div class:

<div class=”wistia_responsive_padding” style=”padding:56.25% 0 0 0;position:relative;”>

When I remove that strip of code we get a narrower horizontal bar across the top of the entire section. And no horizontal bar on the bottom. This is better but not ideal. It also makes the page section the video sits in less than fullwidth – and my client wants it to be fullwidth like it is now.

Would you be kind enough to take a quick look at this embed code and tell me if anything jumps out at you that could be causing a conflict for Virtue?

Thank you ??

Hey,
Yeah so the inline css that is in your posted code along with the script doesn’t make sense. When adding css like this:

padding:56.25% 0 0 0;

You would normally expect the next item to be displayed position: absolute.

What I would suggest is just trying to add the iframe and leave the other stuff off, what does that get you?

Also, wistia is a paid service for most people I would assume their customer support can help since the code you posted above is definitely not correct.

It’s possible the whole thing is relying on the script but it doesn’t really make sense that you would need to load an extra javascript to embed a video.