[Plugin: Events Manager] Change the events listing style

try this https://pastebin.com/hSqCFRqj

Hi Agelonwl,

Thanks for the code but how to give a border-radius: 3px to the image in the below mentioned code?
<div style="float:left; margin:0px 10px 0px 0px;">#_EVENTIMAGE{100,100}</div>

Also, can I get access to all the snippets used in demo site? like for custom sidebar, multiple images for events etc.

for the upcoming events widget :

<div style="float:right; margin:0px 0px 0px 5px;">#_EVENTIMAGE{50,50}</div>#_LINKEDNAME - #_CATEGORYNAME<ul><li>#j #M #y</li><li>#_TOWN</li></ul>

Hey Marcus,

can you educate further on where to use this code? also how to make the #_EVENTIMAGE have rounded corners?

Thanks

for the upcoming events widget :
you can do that in appearance > widgets > by adding events widget and putting the snippet at List item format

rounded corners:
you can do by by adding this snippet to your theme style.css

img {
 border-radius: 3px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

Thanks agelonwl, will try it shortly and update you about the progress! ??

Thanks agelonwl, everything worked! ??

glad it worked.

Hi, I am trying to make the same changes to the events listing style- separated by a line and the headers more aligned.

I replaced the format with the one on Pastebin but I don’t see any changes. Override with formats are turned on for both event list and event pages.

Hi there,

I tried the rounded corner code from agelonwl.

Problem is: The event images look nice, but the normal post images get a block spot where there should be a round corner.

Any idea how to filter that code only for the EM images?

Cheers
Clemens

Sorry,

sorted out, that was a mouse event with a bg image in black.

Cheers

You can wrapped single event formats in a div at events > settings > formatting > events > default single event format
e.g. <div class='em-content'>--formats--</div>'

then you can do something this in your style.css

.em-content img {
 border-radius: 3px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}