Magento hidden css file -
i working on store in magento. used custom template altered colors (with permission of course) when try change of things, old style sticks. run magento locally , tried restarting mamp flushing cache.
when use 'inspect element' on browser find code of store looks this;
<!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 { font:normal bold 12px/1.55 arial,sans-serif !important; color:#fff; } #nav a.level-top:hover, .menu .submenu:hover { color:#fff; } /* sub #1 menu */ #nav li li a, .menu li.submenu div { 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> i deleted bottom part because exceeded body limit of stack. anyway, think problem in inline style appears on page.
there says;
.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; } here says block-titles still black, though edited them in css file color. tried looking piece of css in every css file comes theme piece of code isn't in of files...
i'm puzzled now, how magento these pieces of css , can change them?
the piece of code looking at, coded inside page. not making call .css, thats why wont find in of .css files.
if want give preference .css styles can try using !important in styles want appear. should work!
Comments
Post a Comment