Removing display: block !important; from my theme

Support
#1

Hi! Tried to add a Wistia video to my page. The video is unclickable because of the block below. How do I remove this from the Pro theme.

.x-video .x-video-inner embed, .x-video .x-video-inner iframe, .x-video .x-video-inner img, .x-video .x-video-inner object, .x-video .x-video-inner video {

display: block !important;

position: absolute !important;

top: 0 !important;

left: 0 !important;

width: 100%;

height: 100%;

margin: 0 !important;

}

#2

Hey Craig,

Thanks for reaching out.

I see you have https://sortable.com/ on your account so I’m assuming this is the website that you need help with. Would you mind pointing us to the page with an unclickable Wistia video? This way we can check it out and give a solution.

The code you provided has resemblance to our core CSS code but not exactly the same. You can go to Theme Options > CSS to check if that code is found there. If it is, then you can remove it there. If not, check the page CSS.

But if it’s not there, then it’s part of the core. Since you’re using an older version of Pro, then I cannot determine at one glance if it belongs to our old codebase. Therefore, it would help if we can take a view of the page, Video Element in question.

#3

Hey there! Yes, the video is here - sortable.com/webinars. I have enabled the form - you’ll see if at the 14:30 mark. I tried going to Theme Options > CSS and I don’t see that code there.

#4

Hello Craig,

I have checked your page and I could not replicate any issues. I can see the form.
To get this resolve, please use this code:

.x-video .x-video-inner iframe {
  display: none;
}

Please clear your browser cache and test the page again.

#5

And where do I put this code? I tried looking for .x-video .x-video-inner iframe in Theme Editor and couldn’t find it.

#6

I tried putting it Themes Options > CSS and it didn’t work. I also tried look for the original code in style.css and couldn’t locate.

#7

I also don’t have access to cPanel so I don’t know where to input this code to. This is the message I have when I go to style.css:

/*

Theme Name: Pro
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: The Most Advanced Website Creator for WordPress.
Version: 2.5.5
License: GNU General Public License v2.0
License URI: NaN
Text Domain: x

*/

#8

Hi Craig,

Put the css code to Themes Options > CSS and update it to

.x-integrity .x-video .x-video-inner iframe {
  display: none !important;
}

That css will override the previously declared css. Don’t forget to clear cache after updating the css. Thanks.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#10