How do i get collection page text in the middle but not product titles ?

Store Design
, , , , ,

Topic summary

Goal: center the collection page text without centering product titles on product pages. The current CSS change centers both, which is undesired.

Support requests: Multiple responders asked for the store URL and password to inspect the theme setup. The requester agreed to share details via direct message rather than publicly.

Proposed solutions:

  • GemPages suggested editing theme.liquid and pasting code before , with screenshots of the steps. The provided code block appears empty, so the exact fix is unclear.
  • A specific CSS rule was suggested: add to base.css at the bottom: .card__heading:last-child { text-align: center; }. This targets headings (likely on collection item cards) to center text, intended to avoid affecting product titles.

Context: A “collection page” lists multiple products with collection-level text; a “product page” shows details for a single product and its title.

Status: No confirmation yet that the CSS resolves the issue; discussion remains open.

Action items: Provide store access privately, test the CSS selector change, and refine selectors to target only collection-page elements if needed.

Attachments: Screenshots illustrate the misalignment and theme editing steps.

Summarized with AI on February 3. AI used: gpt-5.
1

Hi ! I have an issue, I want the collections text in the middle

hjälp.png
hjälp.png2544×1132 318 KB

I managed to do that but the problem is thus. Now the title text on products in the product page are now also in the middle, which I do not want.

hjälp 2.png
hjälp 2.png1941×1023 182 KB

Is there a way to get only the collection text in the middle but not the product titles ?

Thanks in advance :slightly_smiling_face:

1 Like
2

Hello @ee6

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

3

@ee6

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi @ee6

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

5

Hi ! and thank you, I will direct message you the URL and code as I don’t want to share it here :slightly_smiling_face:

1 Like
6

Hello @ee6

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1670462755612.png
GemPages_0-1670462755612.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670462780138.png
GemPages_1-1670462780138.png1069×857 35.9 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

7

@ee6

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.card__heading:last-child {
    text-align: center;
}