Change font size of Related Products title 'Things You Might Like'

Site URL: https://point-manatee-dntb.squarespace.com/shop/p/wedding-albums

Password: Albums2021

How do I change the font size of the 'Things you might like' text?  

Needs Custom CSS unless you'll wanna change all H2 headings.
 

This is the fluid type Squarespace uses:

@media screen and (min-width: 1296px){
h2.ProductItem-related-label {
    font-size: ~"calc(2.2 * 1rem)";
}
}

width: 1295px) and (orientation: portrait){
h2 {
    font-size: ~"calc((2.4 - 1) * 1.2vh + 1rem)";
}
}

change the 2.2 and 2.4 to different numbers do make it bigger and smaller for mobile and desktop respectively

This is great, thank you! 

Can you tell me how I can do the same for the 'Review' title I've added in Additional Info, which sits above an Elfsight review plugin code? 

I'd also like to reduce the space between the image/Add to Cart button and Review if possible? 

16 hours ago, DreamrW said:

This is great, thank you! 

Can you tell me how I can do the same for the 'Review' title I've added in Additional Info, which sits above an Elfsight review plugin code? 

 

I'd also like to reduce the space between the image/Add to Cart button and Review if possible? 

 

 

 

 

Add to Design > Custom CSS

/* reviews size space */
div#block-yui_3_17_2_1_1647790209626_12596 p {
    font-size: 30px;
}
div#block-yui_3_17_2_1_1647598708061_10629, div#block-yui_3_17_2_1_1643052692317_4499, div#block-yui_3_17_2_1_1642502852889_46950 {
    padding: 0px;
}
section.ProductItem-additional {
    margin-top: 5px !important;
}

On 3/22/2022 at 7:35 AM, tuanphan said:

Add to Design > Custom CSS

/* reviews size space */
div#block-yui_3_17_2_1_1647790209626_12596 p {
    font-size: 30px;
}
div#block-yui_3_17_2_1_1647598708061_10629, div#block-yui_3_17_2_1_1643052692317_4499, div#block-yui_3_17_2_1_1642502852889_46950 {
    padding: 0px;
}
section.ProductItem-additional {
    margin-top: 5px !important;
}

 

This is super, thank you! I want to add the same code block and styling on all product pages - what do I need to adjust to ensure the CSS applies to all product pages? 

On 4/6/2022 at 9:49 PM, DreamrW said:

This is super, thank you! I want to add the same code block and styling on all product pages - what do I need to adjust to ensure the CSS applies to all product pages? 

Add this to Design > Custom CSS

section.ProductItem-additional {
    margin-top: 5px !important;
}