WooCommerce alignment is off

try adding some padding in your CSS

.fadeInUpBig {
  padding: 0 2% 0 2%;
}

@jefflarish That worked thanks, could you possibly suggest a fix for the actual product page also? The images are oversized and blurry

Well, you can change the image size displayed with CSS. I would say for the quality though you may want to look at your source files. I think PNG might be preferable to JPEG. And the larger, higher res you can start with the better.

Also, it looks like you have a margin issue with your H1 product titles.

Do you have a lot you want done to the site?

Okay, I understand the PNG file type. I will try this. How could I get this h1 issue fixed and no, I just want to have a professional looking shop page.

Add this for your product title:

.woocommerce div.product .product_title {
  margin-top: 5%;
  margin-left: 0;
}

Added some margin on the top, you can change if you want

This is for the image:

.woocommerce div.product div.images img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  margin-bottom: 20%;
}

You can play with the width and margin-bottom to get it how you’d like.

@jefflarish thanks, how would I get these changes to not effect my homescreen? Now it shows the white padding.