2015-02-08 104 views
0

我想为每篇文章默认显示背景(颜色)。我想在css文件中做这件事,但我不知道该在哪里发表声明。顺便说一句,我找不到任何CSS文件中的文章标签的定义。Joomla文章背景CSS

下面的代码显示2篇:

<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> 

任何想法哪一种样式,或者我应该操纵其标签或者是有这样做的其他方式?

+0

如果Joomla没有'article'元素的默认样式,那么很容易。在你喜欢的任何地方添加你的风格不知道你的意思是“我应该操纵哪个标签”。如果你想风格的文章,使用'文章'选择器。 – 2015-02-08 20:35:16

回答

1

我刚刚找到了一个解决方案,我不必更改模板的css文件(感谢Charlie的update thought)。 (Purity III T3 template)具有caled“自定义代码”在后端的菜单。在这里,我在外地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> 

可能不是最好的解决办法,但我t适合我。

1

把CSS放在哪里取决于网站。如果你是一个开发者,你可以添加CSS文件到扩展等。如果用户,您使用的模板是放置CSS的最可能的位置,并且取决于您使用的特定模板。有些模板会覆盖您可以在管理员中选择的模板,对于其他需要查找模板的模板(位于/ templates/yourtemplate中)并选择要编辑的CSS文件;通常会在名为css的文件夹中,而主css文件可能称为template.css。一些商业模板有自定义的CSS文件,所以你可以避免让你的自定义CSS覆盖,如果你更新模板。

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