Center Align Header on Related Products Section

Does anyone know how to center the "Related Products" text and the images on the shop pages? I'm not a fan of the text aligned to the left on the header. I like the text under the images aligned to the left. I only want the header text and images to be aligned to the center. I was able to achieve something similar in the Additional Info in the product details area, but it shows the same featured products on every page. I would rather them link based on tags.  I have attached some screen shots below of how it looks and how I'd rather it look. I have blocked out the product images as I am not ready to launch the store page yet. The grey boxes I do not want as part of the style sheet. Thanks!

Please provide a link to the page on your site.

7 hours ago, paul2009 said:

Please provide a link to the page on your site.

https://www.peytoncooper.com/shop/p/baseball-stitch-illustrator-pattern-brush

25 minutes ago, tuanphan said:

You can add this to Design > Custom CSS

/* center related products heading */
h2.ProductItem-related-label {
    text-align: center;
}

 

This worked. Thank you!

Hey

Thanks for this code!

only issue i am having is that the text size is not consistent on mobile and desktop!

can you help to rectify this please?

On 6/3/2024 at 5:52 PM, tsl said:

Hey

Thanks for this code!

only issue i am having is that the text size is not consistent on mobile and desktop!

can you help to rectify this please?

 

Hi,

You mean these text?