I LOVE THIS!

It is so hard to find a good, simple event feed. In the past, I have just made my client’s blogs into their event feed (which is not ideal), or I’ve tried to make do with ugly, awkward event feeds. I am super happy with what I was able to do with this plugin and with very little time put into the CSS.

So – This plugin does have more features that my client needs, but it is very easy to pare down the CSS to make it clean. If you want a super streamlined set of events for one single client, here is the CSS I used to clean out all of the extra stuff. Of course, I am using colors for my client (a farm museum), but you can easily poke though and swap things out to make it your own. I annotated so you can see what each css item does.

(NOTE: I formatted the event Location field and I am now using it to display a short excerpt on the event feed page….)

Anyway – I highly recommend this plugin. I wish I found it sooner!!

/* styling for events and event calendar */
/* remove bottom row of info from single event page */
.wpem-single-event-page .wpem-single-event-footer .wpem-organizer-profile-wrapper {
display:none;
}
/* top right background color on single event page */
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top {
background: #ffffff;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar {
display:none;
}
/* remove items from top right box to clean up single event page */
.wpem-main .wpem-heading-text {
display:none;
}
.wpem-to-date {
display:none;
}
.wpem-event-organizer-name {
display:none;
}
/* day styling on single event page */
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-short-info .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-date {
font-size: 43px;
line-height: 41px;
letter-spacing: 1.7px;
color: #de9817;
}
/* month styling on single event page */
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-single-event-short-info .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-month {
font-size: 21px;
letter-spacing: 1.9px;
font-weight: 400;
line-height: 21px;
color: #de9817;
}
/* single event page text size */
.wpem-main {
font-size: 17px;
line-height: 29px;
color: #33322e;
}
/* single event page image adjustment */
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
/* width: 900px; */
height: auto;
}
/* main event page remove elements */
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-ticket-type {
display: none;
}
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before {
display: none;
}
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-location::before {
display: none;
}
/* main event page format name of event text*/
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
font-size: 31px;
line-height: 33px;
letter-spacing: 1.3px !important;
text-align: center;
}
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-date-time {
padding-right: 7px;
font-size: 17px;
line-height: 21px;
letter-spacing: 1.7px !important;
text-transform: uppercase !important;
text-align: center;
}
/* main event page – format location info and use this field as an excerpt */
.wpem-single-event-widget .wpem-event-infomation .wpem-event-details .wpem-event-location {
padding-right: 13px;
font-size: 15px;
line-height: 29px;
text-align: center;
font-style: italic;
margin-bottom: 11px;
}
/* increase spacing between items on main event page */
.wpem-single-event-widget {
margin-bottom: 57px;
}
.panel-grid-cell .widget-title {
display: none;
}

• This topic was modified 5 years, 5 months ago by curiomuseum. Reason: Added info!
• This topic was modified 5 years, 5 months ago by curiomuseum.