Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Stephen Harris

    (@stephenharris)

    Sorry Maxwell, could you explain this a bit more, I’m not sure I understand what you’re trying to achieve.

    Thread Starter maxwellmill

    (@maxwellmill)

    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

    @maxwellmill

    Can you explain how you achieve this ?
    I need to do the same

    Thanks

    Thread Starter maxwellmill

    (@maxwellmill)

    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

    it must have took lots of time and hardwork
    That was really helpful

    Thankyou Very Much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘singe featured event with image’ is closed to new replies.