WordPress.org

Support

Support » Plugins and Hacks » Events Manager » [Resolved] [Plugin: Events Manager] Change the events listing style

[Resolved] [Plugin: Events Manager] Change the events listing style

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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.

    Plugin Author Marcus

    @netweblogic

    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

    agelonwl

    @angelonwl

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

    vibhorv

    @vibhorv

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

    vibhorv

    @vibhorv

    Thanks agelonwl, everything worked! 🙂

    agelonwl

    @angelonwl

    glad it worked.

    geraldinelau

    @geraldinelau

    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.

    Balders

    @balders

    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

    Balders

    @balders

    Sorry,

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

    Cheers

    agelonwl

    @angelonwl

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Resolved] [Plugin: Events Manager] Change the events listing style’ is closed to new replies.
Skip to toolbar