How to increase image size in Photo Gallery (Slider layout)

Ask the Community Customization
1

Unfortunately, that doesn’t work!

2

Hi there, @user37915 :waving_hand:

We’ve disabled the Background Color option in yout widget’s settings and set a background using this CSS code in order to enlarge the image on mobile:

@external {
  .eapps-photo-gallery-06ac1742-0b8d-4b4d-8efe-348030e704e5-custom-css-root {
    background-color: #fffdfa !important;
  }
}

Please check it out and let me know if you like the result. If you’d still want a bigger image, we’ll be happy to find a different custom solution :slightly_smiling_face:

3

Hi Max, thanks! But the image needs to be even larger. Is that possible?

4

Got you, thanks!

I’ve passed your request on to the devs and will update you once I have any news :slightly_smiling_face:

6

Thank you for waiting!

Please add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

@media (max-width: 767px) {
  .eapp-photo-gallery-slider-item-component {
    height: 600px !important;
    padding: 0 !important;
  }
}
7

… unfortunately, it doesn’t work!

.eapp-photo-gallery-info-title {
  font-size: 30px;
}

.eapp-photo-gallery-info-description {
  font-size: 22px;
  family: Manrope Extra Light;
}

@external {
  .eapps-photo-gallery-06ac1742-0b8d-4b4d-8efe-348030e704e5-custom-css-root {
    background-color: #fffdfa !important;
  }

  @media (max-width: 767px) {
    .eapp-photo-gallery-slider-item-component {
      height: 600px !important;
      padding: 0 !important;
    }
  }
8

The code for changing the image size didn’t work because there was a closing } missing in the code above.

I’ve added it to the Custom CSS and everything worked fine:

image
image1427×686 88.9 KB


Could you please check it out?