Changing the Product Title on Products Summary Page

Hi All!

I am using a Brine template. I am trying to have the the Product Titles in the Products Summary Page appear centered and with the Product Titles appearing as font color white and the background black. 

I am attempting to do it with the following CSS --- but it's not working:

.ProductList-grid .ProductList-title {
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px !important;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  box-sizing: border-box;
}
 

Any help to tweak out the above CSS so that it works is much appreciated!

-Brian-