Skip to content

Instantly share code, notes, and snippets.

@diggeddy

diggeddy/EL-CSS-HACK-1

Last active December 20, 2017 13:05
Show Gist options
  • Save diggeddy/f3d10fe0d7fd9bea3904c472d250dc95 to your computer and use it in GitHub Desktop.
Save diggeddy/f3d10fe0d7fd9bea3904c472d250dc95 to your computer and use it in GitHub Desktop.
Download ZIP
ELEMENTOR CSS HACK - RESPONSIVE GALLERY WIDGET
Raw
EL-CSS-HACK-1
/* CSS Elementor flexible gallaery */
.db-grid-flex .elementor-widget-container .elementor-image-gallery .gallery {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;
justify-content: center;
flex-flow: row wrap;
}
.db-grid-flex .elementor-widget-container .elementor-image-gallery .gallery .gallery-item {
width: 300px;
}
@media (max-width: 768px) {
.db-grid-flex .elementor-widget-container .elementor-image-gallery .gallery .gallery-item {
width: 200px;
}
}
@diggeddy
Copy link
Author

For Elementor Plugin Wordpress. CSS Hack to apply flex box to gallery widget. Apply db-flex-class directly to the gallery widget along with the CSS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment