center block CSS

Question

Working on a wordpress site. Having trouble aligning a product category block. First it would only display 4 products when per. row if i set to 5, 3 if set to 4, etc. I fixed that, something to do with margins. The category block is slightly off center, really annoying. Below is some code for the block that i used. Any help would be appreciated. https://rightwaycrane.staging.wpengine.com/pendant-control-stations/

.page-id-1608 .wc-block-grid__product {
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding: 15px;
}

Answer 1

It looks like the following styles are causing your content to not be centered correctly.

.content-part-left {
  padding: 50px 30px 20px 98px;
}

.content-part-left ul {
  padding-left: 40px;
}

.content-part-left ul {
  padding-left: 20px;
}

If you remove or adjust it should resolve the center on page issue.

.content-part-left {
  padding: 50px 30px 20px;
}

.content-part-left ul {
  padding: 0;
}