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! 🙂
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);
}