Magento hidden css file

Я работаю над магазином в Magento. Я использовал собственный шаблон, в котором я изменил некоторые цвета (с разрешения, конечно), но когда я пытаюсь изменить некоторые вещи, старый стиль просто вставляет. Я запускаю Magento локально, и я попробовал все от перезапуска MAMP до очистки кеша.Magento hidden css file

Когда я использую «проверять элемент» в своем браузере, я обнаружил, что код моего магазина выглядит так:

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

я удалил нижнюю часть, потому что он превысил лимит тела Stack. В любом случае, я думаю, проблема в встроенном стиле, который появляется на странице.

Там он говорит;

.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, который поставляется с темой, но этот фрагмент кода не находится ни в одном из файлов ...

Я очень озадачен, как пурпурно достают эти фигуры 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 определяется как белый. Если вы удалите ссылку в первом правиле, возможно, это поможет вам.

В окне просмотра Inspect Element в вашем браузере также указывается, откуда берется цвет. Я предпочитаю Chrome, и там вы можете увидеть его справа в представлении «Элементы» со ссылкой на номер файла и строки.

источник

2013-05-10 12:32:04 jEdgren

Я не могу редактировать встроенный css, потому что он не находится ни в одном из файлов. Magento берет много разных файлов и делает их в макет. Важный тег работал, хотя :) – Jane

Magento hidden css file

ответ

Смежные вопросы