Reply To: Woo's Response to issues in Epik with WooCommerce

Hi HiNooril,

I assume it’s the way the images are not centered in their background that you are not happy with? You don’t say what it is you want to fix so I will assume this is the issue.

The problem is line 69 of the Epik style.css file which is giving the product image a 40px left margin

/* woo edited sept 2014, take out box, add width */
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important;
display: block;
height: auto;
margin: 0 40px 8px; }

Because only 3 values are specified here

margin: 0 40px 8px

the 40px applies to both left and right margins. If you did this

margin: 0 40px 8px 0

then the left margin would be 0.

I assume you have edited the epik style.css and entered this code? I think this will get overwritten with Epik updates so you would be better off creating your own CSS file and putting your CSS in there. You can insert a link to this CSS file in the Genesis Theme Settings in the Header and Footer Scripts section – just stick it in the header OR footer.

You can give pages/posts their own custom body class and use this to target your CSS to the elements you want.

Cheers

Phil