Question

我已按照Google搜索中出现的每个教程向Magento CMS页面添加简单的CSS样式。

我只是想添加以下CSS

.list-checkmark{
    list-style-image: url("../images/Check-Mark-2.png");
    margin-left: 3em;
}

到我的页面http://demo.txsystems.com/index.php/integration-service这是一个CMS页面，我添加了以下内容

<reference name="head">
  <action method="addItem">
    <type>skin_css</type><script>MyCss.css</script>
  </action>
</reference>

在Magento admin。中对此页面的布局更新XML。

我已将文件myCss.css添加到/ var / www / html / skin / frontend / default / hellogamez / css

请有人帮我理解，我还缺少什么，所说的图像在相应的图片文件夹中。

当然，在CMS页面中，我正在尝试应用格式化的UL列表，我在Magento 1.7

<ul class="list-checkmark">
<li>PCs (laptop, desktop, tablet)</li>
<li>Portable and Desktop Printing Systems</li>
<li>First Responder Devices</li>
<li>Vending Machines</li>
<li>Handhelds</li>
<li>Medical Devices and Testing Equipment</li>
<li>Multifunctional Printers</li>
<li>Industrial Control Systems</li>
<li>Storage and Locker Systems</li>
<li>Event Ticketing</li>
<li>Asset Tracking</li>
<li>Commercial Ovens</li>
</ul>

由于

Answer 1

这个想法很好，但看起来你可能会从错误的位置拉出来。

<reference name="head">
  <action method="addItem">
    <type>skin_css</type><script>MyCss.css</script>
  </action>
</reference>

...将从核心代码文件夹中提取。而是使用：

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

...将从您描述的位置加载：皮肤/前端/默认/ hellogamez / CSS / MyCss.css ...并在与其他css调用相同的集群中注入您的页面加载。

然后确保您的图像位于与该css文件夹相同级别的图像文件夹中，即：皮肤/前端/默认/ hellogamez /图像/入住的Mark-2.png

另请注意，如果您使用local.xml方法将其加载到网站范围，则可以使用相同的代码段。

如何将CSS应用于Magento CMS页面

1 个答案: