Centre title

Shopify Discussion

Topic summary

A Shopify store owner needed help centering a product page title, specifically the “related products” heading. An image was shared showing the misaligned element.

Two solutions were provided:

  1. CSS file method: Add custom CSS code to the theme’s base.css/style.css file targeting h2.related-products__heading with text-align: center !important;

  2. Theme customizer method: Navigate to Theme settings > Custom CSS and paste the same CSS code directly in the customizer interface

Both approaches use identical CSS targeting the related products heading element. The issue was successfully resolved, with the original poster confirming both solutions worked.

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

Hello guys, how can I centre this title?

1 Like
2

Bildschirmfoto 2024-12-26 um 20.42.42.png
Bildschirmfoto 2024-12-26 um 20.42.42.png2776Ă—1358 453 KB

Forgot to upload my bad

3

Hi @NikosBat

Please, share your store URL with the password. Thanks!

1 Like
4

Hi Made4uo-Ribe, here is the url and the password: https://www.nistore.de/products/nistore™-winterhandschuhe, fsfdsfsd

5

Thanks for the info, 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 “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
h2.related-products__heading.inline-richtext.h1 {
    text-align: center !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
6

Hi @NikosBat

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

h2.related-products__heading {
    text-align: center !important;
}

image (30).png
image (30).png1396Ă—801 154 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

1 Like
7

Thanks DaisyVo that solved my problem

8

Thanks Made4uo-Ribe, that solved my problem