(Free) Gallery Block Grid Category

Support: [email protected]
Free install (1 site)
View Demo – Password: abc

Description

adding category filter to top of Gallery Block Grid
note: code will use Title as Category

#1. Install Code

Hover page where you use Gallery > Click Gear icon

Click Advanced > Paste this code

<!-- @tuanphan Gallery Block Category -->
<link rel="stylesheet" href="https://code.beaverhero.com/file?filename=1762504293890gallerybfilter.css"/>
<script src="https://code.beaverhero.com/file?filename=1762504382281gallerybfilter.js"></script>

#2. Usage

Make sure you use Gallery Block Grid + you enabled Show Title

Next, make sure you added Category text to Title

or something like this

#3. Customize

#3.1. To adjust category text size, you can use this code to Custom CSS

div.gallery-filter-bar {
    --filter-font-size: 20px;
}