Display issues with full Calendar and List Widget

[Steve]

I’m having some issues with displaying the List Widget and also the monthly display calendars. Since this is related to a CSS issue, I’m hoping you can help me clean up the display.

http://airdownthere.com is the website, with the Events List widget on the page. I’ve added some custom CSS to get it close to what we are looking for, but we still want to move everything to the left (It looks like it’s shown as a UL), and I’d like to remove the bullet at the bottom where it says “View More.”

Here is the CSS I have so far:

/* Edits for Classes & Events box on home page CHECK DOWNSTREAM IMPACTS [sjm 20160802] */
/* This tightens up the line spacing */
.tribe-mini-calendar-event {
	padding: 2px 0px;
}

/* This hides the month/date icon on the right */
.tribe-mini-calendar-event  .list-date {
    display: none;
}
 
/* Makes the spacing use of space wider, but there is still an issue as it is all pushed right (indent) */
.tribe-mini-calendar-event .list-info {
    width: 100%;    
}

/* Changes the font size for the event titles */
.tribe-mini-calendar-event .list-info h2,
.tribe-mini-calendar-event .list-info h2 a {
    font-size: 14px !important;
}

Next, we seem to have an issue with the display of the monthly calendars on these two pages:
http://airdownthere.com/events/category/fun-dives/
http://airdownthere.com/events/

I’ve tried switching to Skeleton Styles and Tribe Event Styles, and would like to know if you have any suggestions. My guess is this is a styling issue with the theme I’m using – Avada – which seems to be an issue for a few other Avada users.

Any suggestions?

Steve

[Cliff]

Hi Steve.

I believe I understand what you’re asking for, but we’re limited in helping with customizations, per our Scope of Support / Terms. However, I can try to help point you in the right direction.

I visited your page and saw this: https://cl.ly/0i2v2I3d1a1J

• it looks like your widget is all left-aligned
• for the “View More” bullet, are you wanting it removed only for this widget’s output or for all implementations for the Event List widget output?

For your other 2 links, you said you have an issue with the display, but what, specifically, are the issues?

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts