How to Center Product Titles on the Collections page?

Grayson_Mathis
New Member
2 0 0

Hi, working on my site (still a ton left to do before launch), but for the life of me, I cannot get my product titles to center themselves underneath the pictures on my collections pages.  I got rid of the truncate function so that all of my text would be visible, but the titles are still aligned on the left. Can't find the code for it in any of the template editors.  Here's what im talking about.

 

http://palmetto-tackle-co.myshopify.com/collections/shaky-heads

 

http://palmetto-tackle-co.myshopify.com/collections/flipping-jigs

 

Thanks. Password is prucli

Replies 12 (12)
Alex135
Astronaut
1889 2 471

You will want to edit Assets/style.css.liquid in the Template Editor.

If you want to change the alignment of only the title (and not price), search for ".product-desc h3" and add "text-align: center".  You should end up with the code below.

.product-desc h3{
  margin: 0 0 3px 0;
  font-size: 12px;
  text-align: center;
}

If you want to also change the alignment of the price, search for ".product-desc" instead.

.product-desc{
  font-size: 0.923em; /* 12/13 */ 
  text-align: center;
}

I hope this helps.

Grayson_Mathis
New Member
2 0 0

Thank you!  I have no idea how I missed that.  I checked literally everything around that, must have just scrolled too fast!

SahilRamola
New Member
2 0 1

I dont have style.css.liquid under assets. Using Debut theme, already made sure that i havent deleted anything. Please help

margeaberasturi
New Member
5 0 0

I don't have style.css.liquid under assets. I'm using Debut theme. Can someone help, please?

JonWright
Shopify Partner
781 113 337

Post a screenshot showing what files you have in your Assets folder and we can tell you which file to edit.

If helpful then please Like and Accept Solution

Owner of Neuralcandy Shopify Agency
margeaberasturi
New Member
5 0 0

These are what I have.  Appreciate your help!

margeaberasturi_0-1636286436268.png

 

JonWright
Shopify Partner
781 113 337

You want to add the CSS at the very bottom of 'theme.css'

If helpful then please Like and Accept Solution

Owner of Neuralcandy Shopify Agency
margeaberasturi
New Member
5 0 0

It's not working, sadly.  Still not centered.

margeaberasturi_0-1636287335342.png

 

JonWright
Shopify Partner
781 113 337

What's the URL of your store so we can take a look at the CSS?

If helpful then please Like and Accept Solution

Owner of Neuralcandy Shopify Agency