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)

Over 1,200 
auctions 
raffles 
nonprofits 
schools 
charities 
fundraisers 
communities 
causes 
served.

Meet us in-person on Tuesdays.

Invented in Seattle.  © 2022 iLoveSeattle.org | Contact Support | Community Calendar | Privacy