Struggling to adjust layout

landrenic · January 2023

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.

Phil · January 2023

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

Struggling to adjust layout

Comments