Topic: eCommerce gallery
*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 ( ) }**
Thanks for reporting this bug. There is a quick workaround:
.ecommerce-gallery-main-img:not(.active) {
display: none;
}
chalicham pro premium priority commented a year ago
you mean should i do this?
Mateusz Lazaru staff commented a year ago
yes, adding this css line would fix it, so you can use it until we fix the bug.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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