maxwellmill

I will just add my 10 cents worth to this thread. You need all plugins and WordPress to be on the current versions. I had one of my sites hacked with Trojans because some of the plugins were older. The result is the site is completely ruined and I had to take it down. Even the not active theme had the malware injected into them.

cheers

Maxwell

Hi Stephen
I use
`<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]

%cat_color% I don’t seem to be able to get this to work

Cheers
Maxwell

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

Hi Nate, I had a go at that but got on better by editing your css

One problem

Can you send me the css to stop the price from wrapping on a samsung phone
I have it working ok on the iphone but can not stop the price going onto a second line
Menu Page

Hi Stephen,
thanks for the prompt reply
I have just discovered you can minify code, and I see it takes all the formatting out and makes it hard to edit.

I will see if I can get to this code a bit later in the week

Cheers for now

Maxwell

Hi Stephen, is there a solution for the above design request from the owner???

cheers
Maxwell

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