WFEA Calendar: WA Festivals (prototype)

Embed code and CSS are below the calendar.  Your calendar should appear exactly as below.  We will update this page, as needed to reflect your final, preferred configuration. 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=371,&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;
}

CSS to hide Event Organizer, Audience & Calendar Tags

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em {
display: none !important;
}

Link to Public Event Submission Form

“https://form.jotform.com/213125240813140”

(Note: you should exclude the quotation marks – we use them only to prevent the form from appearing here. It is also possible to embed the form in its own page on your site. Please let us know your preference – we recommend using the link to open the form in a new tab.)

* Note about Embed Code (if calendar hangs on page)