Why my css custom code does appear in my website?

[PJaChU]

Hello everyone, I have been experiencing some troubles about customizing my web site, I have added this code to my price.liquid snippet

unfortunately that piece of code shows in my website like this:

As you can see it seems like it is taking that like html, could you help me to give me so guide about what am I doing wrong? thanks a lot 🙂

[Asad-Mahmood]

Try this css code there 

{% raw %}
  <style>
    .product-form__buttons, .product-custom-field-item {
      display: none !important;
    }
  </style>
{% endraw %}

[vinh0225]

Hi @PJaChU 

You need to add the code snippet at the end of the file or you can add it before </head> in the layout/theme.liquid file.

<style>
    .product-form__buttons, .product-custom-field-item {
      display: none !important;
    }
</style>

Hope it will help you.

Regards,

Vinh