How can I effectively target specific elements on my product page using CSS?

[viggostarcke]

As seen in the picture above I have trouble targeting certain elements on my product page with the font im using.
css like:

label{
font-family: ‘{{name}}’ !important;
}

doesnt do the trick even tho ‘Quantity’ is a label.

Also as a bonus question the I need to remove underlining completely (also hover) from my footer as seen below.

website is: https://kyototango.myshopify.com/products/beijing-lips

thanks in advance

[Dan-From-Ryviu]

Please try to add code like this. Make sure you change ‘Inter’ with your font family name

label {
    font-family: 'Inter' !important;
}

This code is to remove text underlining

.footer-block__brand-info .rte a { text-decoration: unset !important; }

[viggostarcke]

thanks:)

[viggostarcke]

do you know how to change the ‘Quantity’ label to ‘quantity’ (non-capital ‘Q’) and remove underlining from ‘More payment options’ aswell as changing the beginning letter to non-capital aswell ? thanks in advance!

[Dan-From-Ryviu]

Hi, you can do that by adding this CSS code

.product-form__quantity .form__label, 
.shopify-payment-button__more-options { text-transform: lowercase;}
.shopify-payment-button__more-options { text-decoration: unset !important; }