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