Plugin styling other items that have nothing to do with it.

[Jason Crowell]

My theme as any has its own style sheet and different styling for its functions. I have tour tabs set up on a couple of pages. These tabs are functions in built with my theme. My issue is that this plugin is changing the appearance of them. When I inspect the elements and see where they are getting their style from it is pointing to the Event manager front end.
Any suggestions?

[Stephen Harris]

You mean Event Organiser, right ;)? What specific part of the stylesheet is causing the problem?

[Jason Crowell]

The styling is coming from the event organiser front end.css

In particular .ui-widget-content. I would have thought that the themes style sheet would rank higher in the hierarchy? any ideas?

[Stephen Harris]

Unfortunately not – the theme’s style.css is usually first. What you can do is copy the contents of event-organiser-front-end.css to your theme’s style.css (and edit as appropriate) and add the following to your theme:

add_action( 'wp_enqueue_scripts', 'jason_theme_disable_eo_stylesheet' );
function jason_theme_disable_eo_stylesheet(){
    wp_deregister_style('eo_front');
    wp_deregister_style('eventorganiser-front-end');
}

(The second one is there is to ‘future proof’ this snippet. I’ll be updating script/style handles for consistency.)

In future updates you’ll be able to over-ride the plug-in’s stylesheets in much the same way asyou can over-ride template pages. I’ll also try and ensure class names are non-generic, but this is not always possible: e.g. the calendar uses (part of) jQuery stylesheet which are fairly generic.

[Stephen Harris]

Actually,

wp_deregister_style('eventorganiser-front-end');

won’t be necessary. The handle eo_front will remain as it is.

[Author]

Posts