Editing font that's not specified in theme settings

Store Design
,
1

Hi, on my product pages, the product name and description heading are appearing very small, especially on mobile. How can I make the font for just these two elements larger?

Here is a link to one of my product pages

Theme: Stiletto

2

Hi @GoodAFpecans ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_1-1717842987581.png
BSSCommerceHDL_1-1717842987581.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_2-1717842992771.png
BSSCommerceHDL_2-1717842992771.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.product__details .product__title {
    font-size: 36px !important;
}

.product__description .ff-heading {
    font-size: 30px !important;
}

Here is result:

BSSCommerceHDL_3-1717843092146.png
BSSCommerceHDL_3-1717843092146.png592×816 245 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

It worked, thank you!