WordPress.org

Ready to get started?Download WordPress

Forums

Events Manager
[resolved] Events page breaking sidebar widget format (8 posts)

  1. scattered810
    Member
    Posted 1 year ago #

    Hello,
    I'm working on re-designing a site for wordpress and I would like to use event manager for their event calendar. Upon installing and creating a few events, I went to the events page and noticed that the tabbed sidebar widget has lost its (or gained some funky) formatting. Looking through the css, I noticed the widget no has "ui" before it. And advice on preserving the format of that widget?
    homepage example: http://goo.gl/1q3W8
    events: http://goo.gl/ZKd32

    http://wordpress.org/extend/plugins/events-manager/

  2. agelonwl
    Member
    Posted 1 year ago #

    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.

  3. scattered810
    Member
    Posted 1 year ago #

    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.

  4. agelonwl
    Member
    Posted 1 year ago #

    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 )

  5. scattered810
    Member
    Posted 1 year ago #

    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.

  6. agelonwl
    Member
    Posted 1 year ago #

    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

  7. agelonwl
    Member
    Posted 1 year ago #

    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

  8. Marcus
    NetWebLogic Support
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic