CSS : Center Everything (Image) In Center Of Pages

.centered { position: fixed; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); }

Align Center Woocommerce Product Elements.

/* Center product elements on shop pages */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  text-align:center;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
  float:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
}