2014-10-10 101 views
0

所以我基本上得到了我自己的整個CSS佈局,我想改變我的magento前端的佈局。我已經研究過這個帖子:How to apply CSS to Magento CMS Page,但它不加載我的CSS在我這樣做:將一個css文件加載到Magento

我添加到自定義佈局更新XML:

<reference name="head"> 
<action method="addCss"><stylesheet>csstest/style.css</stylesheet></action> 
</reference> 

,並在我的HTML編輯器,我得到這個:

<div class="header">&nbsp;</div> 
<div class="header_2">&nbsp;</div> 

的CSS以防萬一:

.header{ 
width:80%; 
margin-left:10%; 
height:15%; 

/*border-radius:12px; */ 
background-color:white; 
} 

.header_2{ 
width:80%; 
margin-left:10%; 
height:5%; 
background-color:grey; 
font-size:200%; 
} 

我的style.css是此目錄中:/skin/frontend/default/csstest/我也試過把它放在:skin/frontend/default/default/css/

我忘了什麼嗎?

+1

您是否收到任何有關腳本是否被找到的控制檯警告? – user3154108 2014-10-10 12:34:52

+0

@ user3154108當我在Firefox中使用CTRL + U時,它沒有顯示鏈接rel =「stylesheet」style.css。所以他沒有進入正確的目錄或什麼?或者配置不好? – Loko 2014-10-10 13:01:55

+0

嘗試ctrl + shift + k,它會打開記錄警告和錯誤的控制檯。如果找不到文件,控制檯會給你一個警告,並告訴你文件被查找的地方。這樣的錯誤信息將有助於找出問題。 – user3154108 2014-10-10 13:21:40

回答

0

這爲我做的伎倆:

<reference name="head"> 
<action method="addCss"> 
<stylesheet>../csstest/css/style.css</stylesheet> 
<params>media="screen"</params></action> 
</reference> 

在自定義佈局更新XML

1

爲什麼不使用簡單的方法來添加CSS樣式?

將它添加到head.phtml

<link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('csstest/style.css') ?>"> 

或將其添加到您的local.xml

<?xml version="1.0"> 
<layout> 
    <default> 
     <reference name="head"> 
      <action method="addItem"><type>skin_css</type><file>csstest/style.css</file></action> 
     </reference> 
    </default> 
</layout> 

不要忘記檢查你的風格在正確的文件夾。

0

你也可以嘗試

把你csstest/style.css中的css文件夾

<action method="addItem"><type>skin_css</type><file>css/csstest/style.css/file></action> 
+0

你還好嗎Tibbers – 2014-10-10 12:55:02