Center title

Shopify Discussion

Topic summary

A user seeks help centering a title in a specific Shopify section, providing a screenshot for reference.

Two solutions were offered:

  • Solution 1: Insert CSS code in theme.liquid file above the </head> tag to center the title. A result screenshot was provided showing the centered title.

  • Solution 2: Add CSS code before the </body> tag in theme.liquid targeting the .distance class with justify-content: center !important.

Both responses include step-by-step instructions for accessing the theme code editor through Shopify Admin → Online Store → Theme → Edit code. The discussion remains open as the original poster has not confirmed which solution worked or marked an accepted answer.

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

Hello,

Someone could help me how to center title in this section pls :slightly_smiling_face:

Screenshot 2024-09-04 at 13.50.06.png
Screenshot 2024-09-04 at 13.50.06.png2686×1068 199 KB

www.kudokid.com

1 Like
2

Hi @elise1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1725432919128.png
BSSCommerceHDL_0-1725432919128.png1275×484 102 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

Hello @elise1

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.distance .d-md-flex.align-items-center.mb-40.text-center.text-md-left { justify-content: center !important; }

Tech_Coding_0-1725433028690.png
Tech_Coding_0-1725433028690.png1357×490 137 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

1 Like