arquelon

Never mind. I fixed it with margin: auto; Thank you.

Hi, and thanks. But now the buttons and prices are wonky. Same page.

Here is my code in the Additional CSS field in the Customize section:

a {
	color: #3192E4;
}

/* FLEX */
.woocommerce ul.products, .woocommerce-page ul.products{
	display: flex;
	flex-wrap: wrap;
}

.woocommerce ul.products li.product{
	display: flex;
	flex-direction: column;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link{
	flex-grow: 1;
	display: flex;
  	flex-direction: column;
}

.woocommerce ul.products li.product .button{
	align-self: flex-start;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	flex-grow: 1;
}

.product_meta {
    clear: both;
}

.woocommerce .products .product {
  text-align: center !important;
}

.woocommerce div.product form.cart .button {
    float:none !important;
  	text-align: center !important;
}

span.woocommerce-Price-amount .amount {
	vertical-align: bottom !important;
}
/* END FLEX */

/* COLORIZE ADD TO CART BUTTONS */
.product-categories .children {
    margin-left: 1.5em;
	padding-top: 5px;
}
.product-categories .children li:last-child {
	padding-bottom: 0;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background-color:#3192E4 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#114673 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	
	background-color:#3192E4 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#114673 !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background-color:#3192E4 !important;
	color:white !important;
	text-shadow: transparent !important;
	border-color:#114673 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background-color:#3192E4 !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color:white !important;
	border-color:#114673 !important;
	text-align: center !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	text-align: center !important;
	color: #419c22;  /* This is what you MAY want to change color */
	font-weight: 200;
	font-size: 1em;
}

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	color: #419c22; /* Change this */
	font-size: 1.25em;
	text-align: center !important;
}
/* END COLORIZE BUTTON */

/* ALIGN ADD TO CART BUTTONS */
.woocommerce ul.products li.product {
    display: block;
}