Jump to content

Changing the Product Title on Products Summary Page

Recommended Posts

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!


Link to comment
  • Replies 0
  • Views 677
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.