Topic: eCommerce gallery

chalicham priority asked 6 months ago


*i not expecting blank space below the carousel *

I see white space below carousel at a height of 3 image heights

**import React from 'react'; import { MDBEcommerceGallery } from 'mdb-react-ecommerce-gallery';

const basicPhotos = [ { thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp', src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/1.webp', alt: 'Test alt 1', }, { thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp', src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/2.webp', alt: 'Test alt 2', }, { thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/3.webp', src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/3.webp', alt: 'Test alt 3', }, ];

export default function App() { return ( ) }**


Mateusz Lazaru staff answered 6 months ago


Thanks for reporting this bug. There is a quick workaround:

.ecommerce-gallery-main-img:not(.active) {
  display: none;
}

chalicham priority commented 3 months ago

you mean should i do this?


Mateusz Lazaru staff commented 3 months ago

yes, adding this css line would fix it, so you can use it until we fix the bug.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 6.0.0
  • Device: desktop
  • Browser: chrome
  • OS: linux
  • Provided sample code: No
  • Provided link: Yes
Tags