How to center collection title & description on SENSE THEME?

Shopify Discussion

Topic summary

A Shopify store owner using the Sense theme needs help centering collection titles and descriptions, which are currently positioned off-center (outlined in a shared screenshot).

Solution Provided:
Another user offered CSS code to resolve the alignment issue:

  1. Navigate to Shopify admin → Online Store → Themes
  2. Click Actions → Edit code on the active theme
  3. Locate the theme.liquid file
  4. Add the following CSS:
.collection-hero.color-background-1 gradient {
    text-align: center;
}
  1. Save changes

The solution targets the collection hero section’s background gradient class to apply center text alignment. A result image was shared showing the expected outcome after implementing the code.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello! I’m wondering if anyone has a code I can use to move all my collection titles & collection descriptions to the center of my pages? At the moment they are all sitting off center (red outline in image). Thanks :slightly_smiling_face:

Screenshot 2023-08-01 222438.png
Screenshot 2023-08-01 222438.png1911×782 94.4 KB

1 Like
2

Hey @auburnaroma
Kindly share your Store URL and Password if enabled

3

Hi @auburnaroma ,

Would you mind to share your store URL website? with password if its protected. Thanks!

4

URL is https://auburnaroma.com

1 Like
5

Thank you for the information. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme.liquid” folder,
  4. And Save.
.collection-hero.color-background-1.gradient {
    text-align: center;
}