Recent Update Causes Theme Issues

[Luke Haydel]

I’ve been using The Story theme from Pexeto and The Events Calendar plugin for quite a while. During a recent update of The Events Calendar, it started causing some weird formatting issues when editing pages within The Story wordpress theme. Specifically, The Story theme uses somewhat of a lightbox or modal box functionality to edit page sections. Now(after a recent update of The Events Calendar), when you select a page section to edit, and the modal pops up so you can edit the content, part of the content are is blocked out. Also, if you wanted to add in an image or a link, the wordpress box that pops up for you to do so is hidden behind the page section editing modal box. It almost appears as though a z-index conflict of some sort. I’m no developer, but do know enough that something on back-end was changed, which now causes quite a few issues. I’m able to still use The Story Theme, only because I have html and css knowledge that I can use to work around not being able to access certain parts of the page editing process.

I understand you can’t control every aspect of every theme out there. That’s impossible. But, The Story theme in particular is a very popular one and I’ve been able to trace down the conflict to The Events Calendar plugin. Hope this info helps diagnose the issue, and I greatly appreciate any help or guidance you can provide.

Screenshots:

Thanks,

– Luke

[Hunter]

Hey Luke,

Thanks for the well-written, informative post 🙂

First off, I’m sorry to hear about the issues you’ve started to experience as of late. I have personally never worked with the theme you mentioned, so I don’t have any advice right off the bat. I did a little research and it doesn’t look like there are any known conflicts between our plugins and the theme you’re using.

Does the Story theme have any options for it’s page builder feature/functionality? Are you able to disable it on event post types? Additionally, have you contacted the theme author about the issue? I do wish I was able to provide more support, but as you mentioned, these types of issues are out of our hands.

Again, sorry for the troubles and best of luck getting everything to play nicely. Have a great day and thanks for choosing PRO!

[Luke Haydel]

Hi Hunter,

Thanks for the reply. I was able to find a solution, so you can pass it on to others that may experience the same problem (even though it sounds like this is an isolated issue). I added some custom wp-admin CSS into my child theme functions.php file:

//CUSTOM WP-Admin CSS
add_action('admin_head', 'my_custom_admin_css');

function my_custom_admin_css() {
  echo '<style>
    
	.ui-dialog .ui-dialog-content {
	    overflow: visible !important;
	}
	
	.supports-drag-drop {
	    z-index: 10000010;
	}
	
  </style>';
}

[Hunter]

Hey Luke,

Thanks for the update and for sharing the fix with us! I’m sure other users experiencing the issue will find it beneficial. I’ll go ahead and close this thread out, but please feel free to open a new one should you have any more questions.

Have a great week and again, thanks for the update 🙂

[Author]

Posts