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:
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;
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.
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;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
