How to change the css for product code

I have enabled "display product code" but the product code is huge. How do I change the size and add the prefix "product code:"

Thank you

Please provide a link to that page so that we can see that as there is a big possibility that it is caused by the CSS of your template.

Hi Nicolas,

Thanks for the reply. Here is an example: abeautifulsuccess.com/e-store/synergie/s...alisse-milk-cleanser

Thanks for the help.

That's indeed in the template CSS.
Change the code:
h1 span#hikashop_product_name_main.hikashop_product_name_main {
font-size: 65%;
}
to:
h1 span {
font-size: 65%;
}

in abeautifulsuccess.com/templates/rt_metro...etropolis-custom.css and it will give the same size to both the name and the code of the product.
Also, you probably want to report that to your template provider so that they can adapt the CSS of their template to handle the product code too.

Hi Nicolas,

The change you suggested would change all H1 . Is there a way in css to target just the code?

thanks

Hi,
If you want your CSS code to only target the product code, this will probably do the job :

worked great--thank you Nicholas!!