How can I edit its style in the sidebar widget ?

try #_EVENTIMAGE{x,y} where x and y is you image width and height

Thanks Angelo,

Well, I’ve used #_EVENTIMAGE{x,y} , and changed the code to be more simple as the following:

<style>

    /* ============ css reset ============= */
    html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
    /* ============ /css reset ============= */

    .missed-events a {
        float: left;
        display: inline;
    }
</style>

<span class="missed-events">
    <a href="#_EVENTURL" title="#_EVENTNAME" alt="#_EVENTNAME">
        #_EVENTIMAGE{100,60}
    </a>
</span>

BUT unfortunately result was the same (please see this image) :
https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash3/t1/q71/1798606_422625791201872_1023297177_n.jpg

So, I wonder how can I make the first row like second?

Thanks

Do you want to images to be 100 x 60 – or square?

A link might help us see what the problem is.

There are a couple of things that might be wrong. First, try using inline-block instead of inline.

If that doesn’t help, it could be your theme is adding an extra line or space in your code, so try putting everything in your missed-events class on a single line.

Thanks for correction.
I’m trying to make 6 images in 2 rows, as responsive design as possible.

I’ve tried to write it all on a single line, but unfortunately result was the same!

Ok, the website link >> https://bit.ly/1bgySAi
Username: test
Password: 123456

Thanks in advance.

am afraid that I can’t help you with this anymore since it’s a custom css styling however maybe you can use text widget then wp plugin that will enable you to use shortcodes in text widget then create a custom shortcode that you can use in the widget.

eg. you can use this snippet

$EM_Events = EM_Events::output($args);
foreach( $EM_Events as $EM_Event ){
 echo $EM_Event->output("#_EVENTNAME");
}