title: making a class apply to only category pages
body: <p>The following class I need to only work on archive (category) pages.</p>
  
  <pre><code>.woocommerce ul.products li.product a img {width:78.5%!important; padding:10% 10% 10% 10%;}
  </code></pre>
  
  <p>If I add it like that it makes other pages go wrong (they need to be 100%). I only want it to work on pages where the body has a class of "archive" (amongst other things - but thats the main difference between the pages where I do want it and don't - I hope I'm explaining this well!)</p>
  
  <p>So I tried </p>
  
  <pre><code>.archive .woocommerce ul.products li.product a img {width:78.5%!important; padding:10% 10% 10% 10%;}
  </code></pre>
  
  <p>But this does nothing at all - it effect neither page.</p>
  
  <p>I'm sure there is a simple mistake I'm making - I'm just not sure what it might be. I'm also not sure what other information would be useful to post here to help, but I'll be keeping a close eye on the page - so let me know!</p>
  
  <p>Thanks so much</p>
  
  <p>Here's some of the HTML (for 1 list item):</p>
  
  <pre><code>&lt;ul class="products"&gt;
  &lt;li class="post-134 product type-product status-publish has-post-thumbnail first one_fourth entry post-inner shipping-taxable purchasable product-type-simple product-cat-tedbaker instock"&gt;
  &lt;a href="http://uc.petekirkwood.co.uk/shop//tedbaker/test-product-copy"&gt;
  &lt;img width="220" height="165" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/04/TedBaker_TravelDocHolderCoral_5-220x165.jpg" class="attachment-shop_catalog wp-post-image" alt="TedBaker_TravelDocHolderCoral_5"&gt;
  &lt;h3&gt;Test Product (Copy)&lt;/h3&gt;
  &lt;span class="price"&gt;&lt;span class="amount"&gt;£10.00&lt;/span&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>