Nevermind… I managed to fix that up, but now my sale and price arrows are messing up… the two arrows have been slightly bigger than the simple background since day one, but now they are not sitting on top of one another, rather, beside, which puts a see-through gap between them. any ideas?
The code that I changed in the index.php:
<div id="content" class="layout full" style="background-color:#FFF;">
<div id="main" class="fullwidth" style="background-color:#FFF;">
<div class="product-gallery">
<h2><?php _e( 'Recent Products', 'woothemes' ); ?></h2>
<?php echo do_shortcode( '[recent_products per_page="16" columns="4"]' ); ?>
</div><!--/.product-gallery-->
</div><!-- /#main -->
<?php //get_sidebar(); ?>
</div><!-- /#content -->
And the code that I changed in the style.css:
ul.products li { width:20%; float: left; list-style: none; position: relative; margin-right:3.8%; text-align: center; margin-bottom:2.618em; }
And the “custom CSS” that I added via the wootique layout options:
#content {
background: #FFF;
}
The CSS shouldn’t have changed it too much should it?
