Changing the ¨Related Products¨ font size

Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic

Hello,

I can't figure  how to change the font-size on my ¨Related Products¨ title on my PDP's (called YOU MIGHT ALSO LIKE).
https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic

I mean, I can do that by tweaking the CSS's from the Inspector but change doesn't take place on my site when adding it to "Design > Custom CSS".

Is there any way I could make this title behave as an h4 instead of and h2? Perhaps by adding some "code injection / html"? Or any other workaround?
I would like this title to be 18px font size.

Thanks!
Xavier


 

Try this in the Custom CSS section

.ProductItem-related-label{
font-size: 14px !important;
}

1 hour ago, JoeCory said:

Try this in the Custom CSS section

.ProductItem-related-label{
font-size: 14px !important;
}

Thanks @JoeCory That's what I've been trying but change doesn't become effective for some reason, not even using !important.

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  h2.ProductItem-related-label {
    font-size: 10px !important;
}
</style>