事件管理器“事件”格式答案

【问题标题】：Events Manager 'Events' Formatting事件管理器“事件”格式
【发布时间】：2017-03-12 19:00:33
【问题描述】：

我正在尝试自定义事件管理器“事件”小部件，但没有任何令人满意的结果。

我想从演示页面 (http://demo.wp-events-plugin.com/events/) 中获得类似“即将举行的活动”的信息：

相反，我得到了这个：

这是我正在使用的代码。任何有关 de CSS/格式化的帮助或从“事件管理器”获取正确 css 的线索？

 <li>
 <div style="float:left; margin:5px 5px 5px 5px;"> #_EVENTIMAGE{50,50}
    </div> 
    #_EVENTLINK
    <ul style = "list-style-type: circle;">
    <li>#_EVENTDATES</li>   
    <li>#_EVENTTIMES</li>
    </ul>
</li>

【问题讨论】：

标签： css wordpress events styles

【解决方案1】：

以下是我用来制作类似内容的设置。

默认事件列表格式标题：

<table cellpadding="10" cellspacing="0" class="events-table" border=1 frame=void rules=rows>
<thead>
    <tr>
        <th class="event-time" width="150">Date and Time</th>
                    <th class="event-description" width="*">Image</th>
                    <th class="event-description" width="*">Event Details</th>
    </tr>
</thead>
<tbody>

默认事件列表格式

<tr>
   <td>
            <span class="capitalize">#l</span><br>
             #j <span class="capitalize">#F</span> #Y<br>
            #_EVENTTIMES
        </td>
   <td>#_EVENTIMAGE{100,100}</td>
        <td class="event-description" style="vertical-align:middle">
            #_EVENTLINK
            {has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONTOWN, #_LOCATIONCOUNTRY </i>{/has_location}
        </td>
    </tr>

默认事件列表格式页脚

</tbody></table>

这是它产生的结果：https://www.arbolife.com/events-home/

【讨论】：