Butler Calendar: Puget Sound Meetings & Events Professionals Networking

Embed code and CSS are below the calendar.  Your calendar should appear exactly as below.  Please delete any previous CSS you may have used for this calendar.  Thank you!

Calendar Embed Code

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<script type=’text/javascript’ src=’https://events.iloveseattle.org/wp-content/plugins/eventon-api/eventon.js?ver=1.0.6′></script>
<script type=’text/javascript’>
jQuery(document).ready(function($){
$(‘#eventoncontent’).evoCalendar({
api: ‘https://events.iloveseattle.org/wp-json/eventon/calendar?event_type=261,&show_et_ft_img=yes&hide_mult_occur=no’,
calendar_url: ‘https://events.iloveseattle.org’,
new_window: true,
loading_text: ‘Coming Up…’,
});
});
</script>

<div id=’eventoncontent’ style=”height:100%; width:100%”>
</div>

Calendar CSS

.ajde_evcal_calendar.evoapi .desc_trig_outter {
font-family: ‘open sans’,arial;
margin-bottom: 20px !important;
border-bottom: 1px solid #e5e5e5;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em i {
color: #555555 !important;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em {
font-size: 14px !important;
line-height: 170% !important;
color: #595858;
float: left;
display: block;
padding-right: 7px !important;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em i {
color: #000000;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 {
font-size: 12px;
line-height: 110%;
color: #525252;
float: left;
font-weight: 600;
display: block;
padding-right: 6px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .evcal_event_title {
text-transform: none !important;
font-size: 26px !important;
color: #0c649e;
font-weight: 900;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 {
font-size: 16px !important;
line-height: 120% !important;
color: #F9F9F9;
float: left;
display: block;
padding-right: 6px;
padding-bottom: 0px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .evcal_desc_info {
font-size: 14px !important;
line-height: 120%;
padding-bottom: 13px !important;
opacity: 1 !important;
color: #000000;
}

.ajde_evcal_calendar.evoapi .evcal_cblock .evo_start {
float: left;
font-size: 20px !important;
clear: both;
}

element.style {
border-color: #055b89;
border-width: 2px;
}

.ajde_evcal_calendar.evoapi .eventon_list_event .evcal_list_a:hover {
border-left-width: 3px !important;
background-color: #f4f4f4;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle {
font-size: 16px;
text-transform: none !important;
color: #666666;
font-weight: 600;
margin-bottom: 10px;
line-height: 140%;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .ev_ftImg {
background-repeat: no-repeat;
width: 240px !important;
height: 95% !important;
max-height: 160px !important;
position: absolute;
margin: auto 0 auto 0px !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top left;
display: block;
border-radius: 5px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .hasFtIMG .evcal_desc {
padding-left: 255px !important;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .hasFtIMG .evcal_cblock {
left: 0px !important;
color: #000000 !important;
background-color: rgba(255, 255, 255, 0.9) !important;
}

 

CSS to hide Red Featured Highlight Box

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .evcal_desc span.evo_above_title span {
display: none;
color: #fff;
background-color: #F79191;
border-radius: 5px;
padding: 4px 9px;
margin-bottom: 4px;
margin-right: 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1;
position: relative;
}