How to place the column heading in the center - sense theme

Topic summary

A user sought help centering column headings in Shopify’s Sense theme.

Initial Solutions Offered:

  • Multiple support teams requested the store URL and password to provide exact solutions
  • One suggestion involved adding CSS code to theme.liquid file before the </body> tag, targeting .title with text-align: center and width: 100%
  • This initial approach did not work for the user

Working Solution:
Another contributor provided CSS code to add at the bottom of assets > base.css:

.multicolumn .title-wrapper-with-link {
    display: flex;
    justify-content: center;
}

Resolution:
The user confirmed this CSS solution successfully centered their column headings. The issue was resolved through custom CSS targeting the multicolumn component’s title wrapper.

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

Hi how do i place the heading of the column in the center, thanks in advance

Hello @ALPHA_2

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
.title { text-align: center !important; width: 100% !important; }

Hello @ALPHA_2

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

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Hi Thank you, but this didn’t work

Hi it is the Shopify sense theme and I just want to put the headline of the column in the center

Hello there,

please share me purview link.

Thank you!

@ALPHA_2

Add this code at the bottom of Theme Edit > assets > base.css file

.multicolumn .title-wrapper-with-link {
    display: flex;
    justify-content: center;
}

Try it and let me know

Thank you it worked