Support » Plugin: WP Event Manager » 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 3 months, 2 weeks ago by curiomuseum. Reason: Added info!
    • This topic was modified 3 months, 2 weeks ago by curiomuseum.
Viewing 1 replies (of 1 total)
  • Plugin Support Sapna Dudhat

    (@sapnamd)

    Thank you so much for sharing your experience and customization here. Hope this customization helps others who read this and want to achieve this!

    We also glad to hear that you are very happy with our product.

    Cheers! 🙂

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this review.