Hide Catalog Item Image in Portal

[Vikram3]

Hello all,

Is there anyway to hide catalog item image in portal. It has to be in maintain item but it should not be visible in portal.

[Jon Barnes]

this looks like a custom widget to me, but if you wanted to hide the image on the standard page, you should be able to add this to a css file in your portal theme:

.catalog-item-image {

  display: none;

}

if that doesn't work, right-click that image and click "inspect" (in chrome), see if there is a css class you could use as a selector to hide it in your css using the method above.

[Vikram3]

Hey Jon,

Thanks for the reply. I could not use the above css anywhere but I tried inspecting it and tried to make it diplay 'none'. Image is getting hidden and the space remains same.

[Vikram3 · Accepted solution]

I fixed it myself by commenting this line in catitem widget

<!--<div ng-if="::data.sc_cat_item.picture" class="col-sm-3">
      <div class="panel panel-{{::options.color}} b wrapper-lg text-center">
        <img class="img-responsive catalog-item-image" alt="{{::data.sc_cat_item.name}}" style="display: inline" ng-src="{{::data.sc_cat_item.picture}}" />
      </div>
    </div>-->