How can I center align my collection title and description?

Store Design
, , , ,

Topic summary

A user needed help center-aligning collection titles and descriptions on their Shopify store using the Studio theme.

Solution provided:

  • Add CSS code to the base.css file targeting .collection-hero__text-wrapper and .collection-hero__description.rte classes
  • Set text-align: center and max-width: 100% properties

Follow-up request:
The user also asked how to center-align page titles.

Additional solution:

  • Apply CSS targeting .main-page-title.page-title with text-align: center

Outcome:
Both solutions worked successfully on first implementation. The issue was fully resolved through custom CSS modifications to the theme files.

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

Hi,

Please could someone help me?

I can’t figure out how to make my collection title and collection description aligned in the centre…

My website is www.wyldfragrance.co.uk. The theme I use is called Studio. Would really appreciate any help you could give. Thanks

0.jpg
0.jpg1167×656 63.1 KB

2

Hello @mben ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.collection-hero__text-wrapper {
    text-align: center;
}
.collection-hero__description.rte { 
    max-width: 100%;
}

Thanks

1 Like
3

Thank you so much! Worked first time :slightly_smiling_face:

Do you know how to do the same for making page titles aligned in the centre? No worries if not! Thanks so much again - really appreciate it

mben_0-1697756161733.png
mben_0-1697756161733.png1366×768 159 KB

4

Use this css

.main-page-title.page-title {
    text-align: center;
}
1 Like
5

You, sir, are a legend. Thank you :blush: