How to move Product Image to the right a little bit?

And i need the css code to change the left and right padding for only the product pages, not the entire website

Hi there,

You could try this:

.woocommerce-product-gallery {
    padding-left: 5px;
    box-sizing: border-box;
}

.related.products h2 {
    padding-left: 5px;
}

that worked but do you know how i can add padding to left and right side of only the woocommerce product pages?

Hi there,

try this CSS:

.single-product .grid-parent, .woocommerce-cart .grid-parent, .woocommerce-checkout .grid-parent {
	padding-left: 40px;
	padding-right: 40px;
}

sweet that code works, and what's the css code for changing the left and right padding on only the woocommerce cart and checkout page?

I edited the code above to include them in the one rule for consistency.

thanks

Glad we could help