Within the Kartris layout there appear to be divs generated in certain places with the following class:
<div class="spacer">
In the CSS this class is set to clear: both;
Whilst this is fine as a default for most of the site, it ruins the display my category layout by adding a chunk of space below the H1 tag:
<h1>Classic Series</h1><div class="spacer"></div><div class="category"><div class="main"><div class="description"><ul><li>Vintage Replica Build</li><li>Mahogany/Poplar Shells</li><li>Vintage Hardware Styling</li><li>Choice of Vintage Finishes</li><li>Bloody Expensive</li><li>Nick & Albie's Lad can't afford to buy them</li><li>Herman Matthews gets his for nowt<br /></li></ul></div></div>
If I could stop the spacer div appearing below the H1 tag it would be fine, but it's generated by the application rather than being hard coded in the template.
When I set the CSS for the .spacer class to display: none it fixes the category page display but breaks the front page!
Unfortunately, the spacer divs seem to have exactly the same class & ID ancestors in the overall page template so I can't seem to target the spacer divs individually to display or hide them when they appear in an unwanted area of my layout.
Can anyone think of a way around how to stop the spacer divs appearing in certain places?