I am facing issue of image height on product details page gallery.

If i remove fotorama__stage class height from inspect element then its work fine.

Please check below image.

enter image description here

How can i remove product gallery fotorama__stage class height ? In which file ?

  • Do you want to adjust the image height? Apr 17, 2019 at 13:04
  • @RajMohanR no i just want to remove height from fotorama__stage class Apr 17, 2019 at 13:07
  • which theme you are using?
    – fmsthird
    Apr 17, 2019 at 13:37
  • @magefms i am using my custom theme and my parent theme is luma Apr 17, 2019 at 13:40
  • you can add your custom css then apply changes to height
    – fmsthird
    Apr 17, 2019 at 13:46

1 Answer 1


Try this fix, You can add custom CSS where you can define and apply changes on fotorama__stage height.

Create your custom CSS file, custom.css

put this css at below path


After that specify the path of your css in below file:


add following in this file:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <css src="css/custom.css"/>

In your custom.css put this code

.catalog-product-view .product.media .fotorama__stage{
    height: 0px !important;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.