html - 事件日历插件的 CSS

Question

我将 WordPress 与“The Events Calendar”插件和“The Events Calendar Shortcode”插件一起使用。我需要在“关于公司”页面上显示即将举行的三个事件。事件显示出来了，现在我需要添加 CSS 来很好地显示这些事件。通过使用 Inspect element 命令，我看到代码中有 <ul> , <li>和 <span>元素。你能帮我看看如何修改这些元素的外观吗？

浏览器中的完整代码如下:

<ul class="ecs-event-list">
<li class="ecs-event">
    <h4 class="entry-title summary">
        <a rel="bookmark" href="http://www.green-craft.eu/event/parfumerijos-paslaptys/">
            Parfumerijos paslaptys
        </a>
    </h4>
    <img class="attachment-150x150 wp-post-image" alt="ramute" src="http://i1.wp.com/www.green-craft.eu/wp-content/uploads/2015/10/ramparfuma.jpg?fit=150%2C150"></img>
    <span class="duration time">
        <span class="date-start dtstart">
            spalio 12 @ 11:00 am
            <span class="value-title" title="2015-10-12UTC11:00"></span>
        </span>
         - 
        <span class="end-time dtend">
            6:00 pm
            <span class="value-title" title="2015-10-12UTC06:00"></span>
        </span>
    </span>
</li>

我需要添加html表格吗？ (我可以在 WordPress 中指定 html 表吗？)或者我可能需要为 ul、li 和 span 元素中提到的类添加 CSS？但是我试图修改CSS，但无法管理它。已经搜索过论坛和文章:)非常感谢您的提前帮助。

科特里纳

Answer 1

如果你不想弄脏手就用这个plugin .此插件向您的站点添加一个额外的 css 文件以覆盖任何现有的 css，以便您可以直接修改您的元素。小心使用最具体的继承以避免改变其他东西。前任。始终从类 .ecs-event

开始