Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing the ¨Related Products¨ font size


xavier-cusso

Question

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

235467881_Screenshot2020-05-02at14_02_40.thumb.png.b91ec642288f67c130fa5a94473d9e25.png
 

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Add to Home > Settings > Advanced > Code Injection > Header <style> h2.ProductItem-related-label { font-size: 10px !important; } </style>  

Posted Images

3 answers to this question

Recommended Posts

  • 0
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.

 

Link to post
  • 0

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

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

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...