Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
michellecglass

Momentum: Remove Infoview

Question

I'm looping back to address the issues I've had with aspect ratio when using full-bleed mode for image galleries in Momentum. Some of our images are vertical, most horizontal which means the vertical images are zoomed in and cropped oddly when you enter full-screen view from infoview. Luckily the galleries are pretty grouped according to aspect ratio, so I've been thinking of just trying to disable the infoview on the pages that have vertical images rather than having to photoshop in black borders to meet the correct horizontal aspect ratio. I want the images to stay in infoview and there not be the option to put the images into full-bleed view for those particular pages. Does anyone know how to remove the infoview button in the lower right using code to accomplish this? Thanks a million!

Edited by Jeng

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

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.

Edited by michellecglass

Share this post


Link to post
  • 0

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!

Edited by michellecglass

Share this post


Link to post
  • 0

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 ?

Share this post


Link to post
  • 0

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 ?

Share this post


Link to post
  • 0

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 ?

Share this post


Link to post
  • 0

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 ?

Share this post


Link to post
  • 0

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

Edited by Jeng
Initial Revision

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...