title: How to apply CSS to Magento CMS Page
body: <p>I have followed every tutorial that came up in Google search to add a simple CSS styling to a Magento CMS page.</p>
  
  <p>I simply want to add the following CSS </p>
  
  <pre><code>.list-checkmark{
      list-style-image: url("../images/Check-Mark-2.png");
      margin-left: 3em;
  }
  </code></pre>
  
  <p>to my page <a href="http://demo.txsystems.com/index.php/integration-service" rel="nofollow">http://demo.txsystems.com/index.php/integration-service</a>  This is a CMS page, and I have added the following</p>
  
  <pre><code>&lt;reference name="head"&gt;
    &lt;action method="addItem"&gt;
      &lt;type&gt;skin_css&lt;/type&gt;&lt;script&gt;MyCss.css&lt;/script&gt;
    &lt;/action&gt;
  &lt;/reference&gt;
  </code></pre>
  
  <p>To the layout update XML of this page in Magento admin.</p>
  
  <p>I have added the file myCss.css to /var/www/html/skin/frontend/default/hellogamez/css</p>
  
  <p>Please can someone help me to understand, what else I am missing, the said image is in the appropriate image folder.</p>
  
  <p>And of course in the CMS page here is the UL list that I am trying to apply the formatting, I am in Magento 1.7</p>
  
  <pre><code>&lt;ul class="list-checkmark"&gt;
  &lt;li&gt;PCs (laptop, desktop, tablet)&lt;/li&gt;
  &lt;li&gt;Portable and Desktop Printing Systems&lt;/li&gt;
  &lt;li&gt;First Responder Devices&lt;/li&gt;
  &lt;li&gt;Vending Machines&lt;/li&gt;
  &lt;li&gt;Handhelds&lt;/li&gt;
  &lt;li&gt;Medical Devices and Testing Equipment&lt;/li&gt;
  &lt;li&gt;Multifunctional Printers&lt;/li&gt;
  &lt;li&gt;Industrial Control Systems&lt;/li&gt;
  &lt;li&gt;Storage and Locker Systems&lt;/li&gt;
  &lt;li&gt;Event Ticketing&lt;/li&gt;
  &lt;li&gt;Asset Tracking&lt;/li&gt;
  &lt;li&gt;Commercial Ovens&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks</p>