Husband, Father, Programmer, WordPress Wizard, Divi Fanatic, Musician, Photographer, Baker, Cook, Christian, and so much more... That’s a clever idea, I like it! I want to go a bit deeper on Kate’s Question. The image galleries are created in FooGallery which you’ll find in the WordPress sidebar menu on your dashboard after you’ve installed it. And then there are those cookies! Any idea why this might be happening? This helps fund our site. Add this to the Active Tab section. In a recent project I was asked to create a filterable image gallery. Use Cases of Free Divi Bike Repair Layout Pack, Use Cases of Free Divi Pizzeria Layout Pack, Use Cases of Free Divi Astrologist Layout Pack, Use Cases of Free Divi Realtor Layout Pack, Use Cases of Free Divi Acupuncture Layout Pack, 1. Visit the tutorial…, Your email address will not be published. Hi Rob, thanks for this great tutorial. If you have a thin horizontal line under the buttons, add the following CSS to the Custom CSS field under the Advanced tab of the Page Settings. Also, is there a way to add space between the tabs when it’s vertical on mobile? Thanks for this post. ul.et_pb_tabs_controls::after { Hey there! -Mindy. Just had to thank you so much for this article – I have been searching all day for a free filterable gallery plugin with no good results, and here you have it perfect! Sorry for the slow response, I’ve been out of town on vacation. Your email address will not be published. Dude, awesome post! There is one other thing i can’t get right though and it is the thin grey line running between the boxes at the bottom and it extends out past the last box for maybe 5 or 6 pixels. Required fields are marked *. For those of you who still need this: Please add this css code into Divi > Theme Options > General > Custom CSS field. Actually I’ve found that if i use the ‘justified gallery’ it works fine and I’m happy to stick with this gallery. Get Access To Skillshare’s 22,000 Online Classes For FREE. The following CSS is mostly for the styling of the buttons, i.e. All we’re doing here is specifying the background color of the button that represents the active tab. * Part of the Excite Lab family with Pro Hustle and TalkKs. We’ll keep it our secret. Note: I know this isn’t really filtering but hey, it works and it looks like it’s filtering. Mine is still stacking on the 2nd and 3rd tabs. I’d reckon that three would be the max unless your button text is very short. Hi Rob, thanks for solving that one the box is all closed at the end. Elegant Themes & Divi Special 20% Off Discount Deal, 2. This site contains affiliate links. Got a solution from Divi support. Thanks for the great tips! View A Live Demo Of This Module. One question. But sometimes you want to have these uncropped and display at the same aspect ratio as the actual images. You just saved me heaps of time! Place it in the Tab section. * Affiliate Disclaimer: Some of the links in this site are affiliate links. If anything is wrong, please send an email with all the details. Divi Filter is a thoroughly well planned and well functioning Divi plugin. Continue Reading…, Within Divi, there are many different ways to share testimonials, using the Divi Testimonial Module for instance. I adapted it here We use cookies to ensure that we give you the best experience on our website. :). thanks. The filterable portfolio looks just like the normal portfolio module, except that it loads new projects using an Ajax request, and it includes options to filter the project list by categories. Join our mailing list to receive the latest news and updates from our team. ET Layout Pack Setup Guides and Use Cases. However, I am having the same problem with lines at the bottom.

Die Spätzünder Netflix, Zattoo Kündigen Macbook, Wer Kennt Mich Besser Fragen Quiz, Lego Polizeistation Bauanleitung 60047, Haltetau Von Masten, Br Orchester 2020, Bill Clinton Height,