Magento隱藏的css文件

我正在Magento的一家商店工作。我使用了一個自定義模板，在那裏我改變了一些顏色（當然還有許可），但是當我嘗試改變一些東西時，舊的風格就會堅持下去。我在本地運行Magento，並嘗試了從重新啓動MAMP到緩衝區緩存的所有操作。Magento隱藏的css文件

當我在瀏覽器上使用'檢查元素'時，我發現我的商店代碼看起來像這樣;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Vanilla Looks - Kettingen</title> 
<meta name="description" content="Default Description" /> 
<meta name="keywords" content="Magento, Varien, E-commerce" /> 
<meta name="robots" content="INDEX,FOLLOW" /> 
<link rel="icon" href="http://127.0.0.1:8888/skin/frontend/base/default/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://127.0.0.1:8888/skin/frontend/base/default/favicon.ico" type="image/x-icon" /> 
<script type="text/javascript"> 
//<![CDATA[ 
    var urlSkinsite='http://127.0.0.1:8888/skin/frontend/galaeva/default/'; 
//]]> 
</script> 
<!--[if lt IE 7]> 
<script type="text/javascript"> 
//<![CDATA[ 
    var BLANK_URL = 'http://127.0.0.1:8888/js/blank.html'; 
    var BLANK_IMG = 'http://127.0.0.1:8888/js/spacer.gif'; 
//]]> 
</script> 
<![endif]--> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/skin/frontend/galaeva/default/css/styles.css" media="all" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/skin/frontend/galaeva/default/css/widgets.css" media="all" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/skin/frontend/galaeva/default/slideshowwidget/css/wt-rotator.css" media="all" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/skin/frontend/galaeva/default/css/print.css" media="print" /> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/prototype/prototype.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/lib/ccard.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/prototype/validation.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/scriptaculous/builder.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/scriptaculous/effects.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/scriptaculous/dragdrop.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/scriptaculous/controls.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/scriptaculous/slider.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/varien/js.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/varien/form.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/varien/menu.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/mage/translate.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/mage/cookies.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/skin/frontend/galaeva/default/js/galaeva.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/skin/frontend/base/default/slideshowwidget/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/skin/frontend/base/default/slideshowwidget/js/jquery.wt-rotator.js"></script> 
<!--[if lt IE 8]> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/skin/frontend/galaeva/default/css/styles-ie.css" media="all" /> 
<![endif]--> 
<!--[if lt IE 7]> 
<script type="text/javascript" src="http://127.0.0.1:8888/js/lib/ds-sleight.js"></script> 
<script type="text/javascript" src="http://127.0.0.1:8888/skin/frontend/base/default/js/ie6.js"></script> 
<![endif]--> 

<style type="text/css"> 

body { 
     font: 12px/1.5 Arial, sans-serif; 

     background-color:#fff; 

     background-image:url(http://127.0.0.1:8888/skin/frontend/galaeva/default/images/pattern/1.png); 
    } 

.page { background-image:url(http://127.0.0.1:8888/skin/frontend/base/default/images/header_top.png); } 


.nav-content { background-image:url(http://127.0.0.1:8888/skin/frontend/galaeva/default/images/bg_menu.png); } 

a, 
.product-detail-slide button.btn-cart span span, 
.product-special button.btn-cart span span, 
#tabs .ui-tabs-panel ul li button.btn-cart span span { color:#c20066; } 

.block .block-title, 
.latest-reviews h1, 
.product-special h1, 
.product-detail-slide .price-box, 
.product-special .price-box, 
#tabs .ui-tabs-panel ul li .price-box, 
.cart .discount h2, 
.cart .shipping h2, 
.cart .totals h2 { 
    background-color:#000; 
} 

.menu { color:$settings->get_nav_text_color(); } 

/* Top level menu */ 
#nav a.level-top, 
.menu .submenu a { 
     font:normal bold 12px/1.55 Arial,sans-serif !important; 
      color:#fff; 
    } 
#nav a.level-top:hover, 
.menu .submenu:hover a { color:#fff; } 

/* Sub #1 menu */ 
#nav li li a, 
.menu li.submenu div a { 
     font:normal 12px/1.55 Arial,sans-serif !important; 
      color:#bebebe !important; 
    } 
#nav li li a, 
.menu li.submenu div a:hover{ color:#fff !important; } 


.block .block-title strong, 
.latest-reviews h1, 
.product-special h1, 
.cart .discount h2, 
.cart .shipping h2, 
.cart .totals h2 { 
     font:bold 14px/31px Arial, sans-serif; 

     color:#fff; 
    } 

.block-subscribe .block-title strong { font:12px/1.5 Arial, sans-serif !important } 

.widget .widget-title h2 { font:bold 14px/31px Arial, sans-serif; } 


.price, 
#opc-login h3, 
#opc-billing #billing1, 
#opc-shipping #shipping1, 
#shipping_method1, 
.checkout-onepage-success h2.sub-title { 
    color:#AB0051; 
} 

</style>

我刪除了底部，因爲它超過棧的身體極限。無論如何，我認爲問題出現在頁面上的內聯風格。

它說：

.block .block-title, 
.latest-reviews h1, 
.product-special h1, 
.product-detail-slide .price-box, 
.product-special .price-box, 
#tabs .ui-tabs-panel ul li .price-box, 
.cart .discount h2, 
.cart .shipping h2, 
.cart .totals h2 { 
    background-color:#000; 
}

這裏說，我的塊標題仍然是黑色的，儘管我在css文件中將它們編輯爲另一種顏色。我試圖查找這個css文件中的每一個主題附帶的css文件，但這段代碼是不是在任何文件...

我現在很困惑，magento如何得到這些作品的CSS，我可以在哪裏更改它們？

來源

2013-05-10 Jane

您正在查看的一段代碼，它在頁面內編碼。它沒有打電話給.css，這就是爲什麼你不會在任何.css文件中找到它。

如果您想優先考慮您的.css款式，您可以嘗試在想要顯示的款式中使用一些!important。這應該工作！

來源

2013-05-10 13:31:21 Flowen

.block .block-title在內聯CSS的第一個CSS規則中定義爲黑色。然後.block .block-title strong被定義爲白色。如果你刪除了第一條規則中的引用，那可能會對你有所幫助。

瀏覽器中的檢查元素視圖還應該告訴你顏色來自哪裏。我更喜歡Chrome，並且您可以在元素視圖右側看到它，並引用文件和行號。

來源

2013-05-10 12:32:04 jEdgren

我無法編輯內聯css，因爲它不在任何文件中。 Magento需要很多不同的文件，並將其製作成佈局。！重要的標籤雖然工作:) – Jane 2013-05-10 14:55:06

Magento隱藏的css文件

回答

相關問題