Hi,
I think that has helped. I’m now trying to make changes to the CSS to put borders around the product images (to look like the demo), but my child CSS isn’t responding to my changes (I’ve also tried putting them in the xtheme CSS) . any ideas?
This is the page:
http://dragonhockey.co.uk/product/c200-series-100-carbon-hockey-stick/
This is the code i’m using:
.woocommerce div.product .images figure {
margin: 0;
padding: 5px;
line-height: 1.7;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.15);
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-transition: border 0.3s ease,box-shadow 0.3s ease;
transition: border 0.3s ease,box-shadow 0.3s ease;
}
.woocommerce div.product .images figure [data-thumb]:nth-child(n+2) {
display: block;
float: left;
width: 22%;
margin: 4% 4% 0 0;
line-height: 1.7;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.15);
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-webkit-transition: border 0.3s ease,box-shadow 0.3s ease;
transition: border 0.3s ease,box-shadow 0.3s ease;
}
Andy