Events page breaking sidebar widget format

hi,

you can try to add css class .ui-tabs or .ui-tabs .ui-tabs-nav in your theme style.css; also, try to use chrome (right click > Inspect Element) to determine other html elements which needs to be added in your theme style.css for em widget styling.

Thanks for your reply.
I use firebug for firefox, I’m assuming it is similar to the tool you are speaking of in chrome.
I’ve found that the tabbed sidebar displays fine if I use the events manager shortcode on a page. It only changes the css when the default “events” page viewed.

hi,

it seems that you have a css conflict with the date picker css; can you try to create a new wp page and then paste this shortcodes instead

[event_search_form]
[events_list limit="10" scope="future"]

or another way is to change the loading order of your theme css style.css ( e.g. as last priority )

This code works flawlessly for pages or posts that you create and put the shortcode on. However, I haven’t figured out a way to get it to all jive on the default “events” page created by events manager without changing all of the css for the ui_ elements.

glad it worked, however I think you theme style.css is overridden by the date picker css (ui-lightness.css); you can see this when you inspect the header/elements e.g. your theme style.css loads first

glad it worked, however I think you theme style.css is overridden by the date picker css (ui-lightness.css); you can see this when you inspect the header/elements e.g. your theme style.css loads first

yes, that’d be why, problem is we load our CSS file dynamically with CSS, so currently your best option would be to either include more specific CSS rules or also load your CSS dynamically after ours.

Alternatively if you can code with php try hooking into em_wp_localize_script filter and modify the array key ‘ui_css’ to # so nothting gets loaded by us.

I’ve noted this down and will see if there’s something we can add to prevent our CSS from loading.