singe featured event with image

Hi Stephen,
I have achieved what I wanted at Events in side bar very nice

Very pleased with how this has come up, thanks for your programming.

All that is left is the Prev Next month question for the main calendar, and the tool tip issue which i can’t solve.
There is another thread for that

Cheers

Glad to help
It took a few days to figure it all out
You can control most things if you find the CSS.
I have the Tisson WP Theme
I made a side bar and just added a text widget

I have a declared class for the HR to constrain it and a declared class for the drop shadow in my theme CSS

<hr class="hrgigs"/>
<dropshadow>
<div align="center"><h4>Gigs Coming Up</h4></div>
[eo_events numberposts=6 showpastevents=false ]<a href="%event_url%"title="CLICK FOR GIG INFO">%event_thumbnail%<strong>%event_title%</a></strong><br/><strong>%start{jS M}{ g:i:a}%</strong><br>
<hr class="hrgigs"/>
[/eo_events]</dropshadow>

=====================================page or theme css==================
On the page CSS you need to add a white border and control the image size

.ngg-singlepic {
  border: 5px solid #FFFFFF;
  margin: 0 2px 2px 0;
  padding: 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: #787878 3px 3px 3px;
  -moz-box-shadow: #787878 3px 3px 3px;
  box-shadow: #787878 3px 3px 3px;
}
.widget-area { background: #a1a1a1; }

.widget img {
float: left;
vertical-align:top;
border: 3px solid  #FFFFFF;
margin: 0 7px 35px 0;
height: auto;
padding:1px;
width:20%;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
-webkit-box-shadow: #787878 3px 3px 3px;-moz-box-shadow: #787878 3px 3px 3px; box-shadow: #787878 3px 3px 3px;
text-align: left;
clear: left;
}
hr {
  border: 0;
  width: 80%;
  color: #f00;
background-color: #f00;
height: 3px;
}

Cheers
Maxwell