2015-02-08 106 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佈局。因此,您可能需要檢查頁面並找出使用哪些類,並確保檢查各種不同的頁面,以查看項目顯示的不同方式(例如類別 - 博客,單文章,特色文章或任何特定模塊或組件用於以其他方式顯示內容