How to change paragraph, and other typography in default product page?

[levon]

I have a product page, with a custom font enabled for <span> tags, theres a few lines in that product page that happen to be <span>, where can i go to edit the code? I cant locate it in edit code.

Things such as unit price, and 'add to cart'

 

[Mcastillo]

Hi, you can edit this in the theme.css file into Admin>Theme>{{Your theme}}>edit code

its not recommended to directly edit the original css, as for the way css works you can simply override the default rule writing it balow, so: go to the very end of the file and put your custom css there.

to find the exact element (html label, class or id) that you need to point in your css selector just go to your store > right click > inspect and in the up left corner of the resulting window you´ll going to see a cursor icon, press it and now when you point something in your page, the html element will highlight into the code. use this to find the tag and class that you want to edit

if your changes are not appearing i suggest you to be more specific in your css selector, (the more specific, the more "powerful" that is going to be

so you can use label and class like this:

span.product-form__info-title{

color: #000;

font-family: 'sans-serif';

}