CSS (Display: none;) doesn't work

Hello, 

I am using Shopify for my website and want the cart icon to be visible on all my website pages. To do this I had to add a buy-button (the green 'add to cart' button) in the footer of my website. I want this buy-button to be invisible and have used the (display: none;) code for this. However, the code doesn't do anything. 

How do I make the buy-button invisible? Am I doing something wrong? 

8 minutes ago, TiffanyZ said:

Hello, 

I am using Shopify for my website and want the cart icon to be visible on all my website pages. To do this I had to add a buy-button (the green 'add to cart' button) in the footer of my website. I want this buy-button to be invisible and have used the (display: none;) code for this. However, the code doesn't do anything. 

How do I make the buy-button invisible? Am I doing something wrong? 

try lowercase

{

display: none;

}

7 minutes ago, bangank36 said:

try lowercase

{

display: none;

}

It worked! Thanks a lot!