Momentum: Remove Infoview

My wonderful friend figured it out, so I thought I'd share in case anyone is stumped on this:

<style>
 .icon-info  {visibility:hidden;}
</style>

It gets rid of that infoview icon so that your vertical images don't get cropped into.

I feel like I'm close, just need some additional help since I'm so out of the loop with coding! I found this CSS in an answer to resolve removing product-price:

<style>
product-price {
     display:none;
   }
</style>

After using firebug I was able to figure out the infoview icon is called "icon-info," so I subbed that out for "product-price" in the above code and inserted it into the Page Header Code Injection for the page I want to apply it to - but with no luck. Any ideas anyone?

Thanks!

I'm trying to do the same, get rid of the " i " that flashes. When I paste that into the custom CSS window though I get " Syntax Error on line 1 " . What am I doing wrong ?

I'm trying to do the same, get rid of the " i " that flashes. When I paste that into the custom CSS window though I get " Syntax Error on line 1 " . What am I doing wrong ?

I'm trying to do the same, get rid of the " i " that flashes. When I paste that into the custom CSS window though I get " Syntax Error on line 1 " . What am I doing wrong ?

I'm trying to do the same, get rid of the " i " that flashes. When I paste that into the custom CSS window though I get " Syntax Error on line 1 " . What am I doing wrong ?

The

<style> </style>

tags aren't for the Custom CSS Editor. Remove those and you'll be all set.

Her code with the style tags is to place inside the Page Header Code Injection of particular pages to isolate the code specifically to those pages:

https://support.squarespace.com/hc/en-us/articles/205815908#toc-per-page-code-injection