I want to center the collection page text (the header on collection pages) WITHOUT centering the names / titles of my products. I wanted to know how I could do that or if there is a way? I’ve already tried to center h1 and it centers both the collection header and the product title. I just want to center the collection header. I’ve also tried to enter center on the section-main-page.css page and that did not work either.
Hi @learningartist , please send your store link
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
Hi, I am adding images of what my issue is below and what I am looking for.
This is the way I want my collection page headings centered: (IMAGE 1)
…This is how it currently looks (IMAGE 2)
However, I want to keep this text aligned to the left for my individual products, just how it already is and DO NOT want to center them (IMAGE 3)
My issue is when I try to center the titles like in IMAGE 1 using the h1 in the code, I end up centering the product names that are in IMAGE 3. I only want to center the collection page titles like in IMAGE 1.
Hi everyone! This is a solution I found that centers PAGE / COLLECTION page headings and NOT product headings.
-
Go to edit code
-
Go to the ‘assets’ folder
-
Find the ‘component-collection-hero.css’ folder
-
Click ‘Control’ and ‘F’ on your keyboard at the same time
-
When a search box comes up, type collection-hero__title (copy and paste the words for accuracy) (if the search box doesn’t come up for you, just scroll until you find the line in the next step. I added the line number to help when searching for it)
-
Find the line that says ‘.collection-hero___title’ (for me it was around line 39)
-
Make sure it looks like the following / change it as needed to make it look like this pic below
-
Click ‘Save’ to save the code
-
It should be good to go!
2 Likes
perfect!!!