Question

我想要为每篇文章默认显示背景（颜色）。我想在css文件中这样做，但我不知道在哪里放置语句。顺便说一下，我在任何css文件中都找不到article标签的定义。

以下代码显示了两篇文章：

<div class="items-row cols-3 row-0 row">
    <div class="item column-1 col-md-4">
        <!-- Article -->
        <article>
            <header class="article-header clearfix">
                <h2 class="article-title" itemprop="name">
                    <a
                        href="/joomlatest/index.php/78-uncategorised/welcome"
                        itemprop="url" title="Welcome">
                        Welcome</a>
                </h2>
            </header>
            <!-- Aside -->
            <!-- //Aside -->
            <section class="article-intro clearfix">
                <p>Hi</p>
            </section>
            <!-- footer -->
            <!-- //footer -->
        </article>
        <!-- //Article -->
    </div>
    <div class="item column-2 col-md-4">
        <!-- Article -->
        <article>
            <header class="article-header clearfix">
                <h2 class="article-title" itemprop="name">
                    <a
                        href="/joomlatest/index.php/dates/testdate"
                        itemprop="url"
                        title="Testdate">
                        Testdate</a>
                </h2>
            </header>
            <!-- Aside -->
            <!-- //Aside -->
            <section class="article-intro clearfix">
                <p>some Text</p>
                <p>
                    <img src="/joomlatest/images/9697505.jpg" alt="9697505" />
                </p>
            </section>
            <!-- footer -->
            <!-- //footer -->
        </article>
        <!-- //Article -->
    </div>
</div>

我应该操作样式表或哪个标签的任何想法，或者还有其他任何方式吗？

Answer 1

CSS的放置取决于网站。如果您是开发人员，可以将CSS文件添加到扩展程序等;如果是用户，您使用的模板最有可能放置CSS，这取决于您使用的特定模板。有些模板有覆盖，您可以在管理员中进行选择，对于其他模板，您需要找到模板（在/ templates / yourtemplate中）并选择要编辑的CSS文件;通常是在一个名为css的文件夹中，主css文件可能称为template.css。某些商业模板具有自定义css文件，因此如果更新模板，可以避免覆盖自定义CSS。

有关如何应用背景颜色，这取决于您的joomla版本以及文章的特定显示方式。在您的实例中，应用于div.item可能会起作用，但项目也可能会显示在类item-page中，或者模板可能会覆盖各种文章显示选项之一的stock joomla布局。因此，您可能希望检查页面并找出所使用的类，并确保检查各种不同的页面以查看项目是否显示的不同方式（例如类别 - 博客，单篇文章，特色文章，或用于以其他方式显示内容的任何特定模块或组件。

Answer 2

我刚刚找到了一个解决方案，我不必更改模板的css文件（感谢查理的update thought）。我使用的模板（Purity III T3 template）有一个菜单，即＃34;自定义代码＆＃34;在后端。在这里，我在字段After <head>添加了代码。

<style>
article {
    background-color: rgba(255,255,255,0.4);
    border-style: solid;
    border-color: rgba(51,153,51,0.5);
    border-width: 20px;
    padding: 20px
}
</style>

可能不是最好的解决方案，但它对我有用。

Joomla文章背景CSS

2 个答案: