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 priority commented 10 months ago
you mean should i do this?
Mateusz Lazaru staff commented 10 months 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
- 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