Struggling to adjust layout

I’ve installed an events manager plugin on my site and am having some issues getting it to look the way I need it to. The developer says it has something to do with the way the theme is affecting the presentation of the plugin. So I’m wondering what I need to change in the CSS to affect these things:

1) Please view https://folsomla.com/event/seda-schooling-dressage-championships/

The information is presented in several skinny columns and it’s hard to read. I’d like one column displaying the information under its related headings (DETAILS, ORGANIZER, VENUE) and the map on the right. If that’s not possible, something legible would be appreciated.


2) Please view https://folsomla.com/events/community/add/. The Dropdown for Start/End Time is very tiny and lightweight font. Most of the fonts on the page are too small. No setting I changed in theme options seems to affect this. Where do I look or what should I change?

Thank you in advance.

Comments

  • Hi,

    1) Please try the following CSS code:

    .single-tribe_events #tribe-events-content .tribe-events-event-meta dd{
     margin-left: 0;
    }
    .tribe-events-event-meta.primary{
     width: 50%!important;
    }
    .tribe-events-event-meta dt{
     margin: 0!important;
    }
    .tribe-events-event-categories-label{
     padding-top: 10px!important;
     padding-right: 10px!important;
    }
    

    2)

    .single-wp_router_page input.tribe-datepicker,
    .single-wp_router_page input.tribe-timepicker,
    .single-wp_router_page .tribe-datetime-separator{
       font-size: 20px!important;
       width: 100px!important;
       height: auto!important;
     float: left;
    }
    .single-wp_router_page .tribe-change-timezone{
       clear: both!important;
    }
    

    Thanks

Sign In or Register to comment.