Divi Filter
Divi Filter Premium
Search…
🥳
Introduction
✨
Getting Started
Download + Installation
Filter Columns
Filter Rows (Premium)
Get the Premium features
🎨
Styling
Remove white space
Filter Animation (Premium)
Style Active Button (Premium)
Where to add custom CSS?
â–¶
Layouts
Import Layouts
👷♂
Functional
Filter already applied (Premium)
Show all elements
Filter Specialty Sections
Filter blog posts
Multiple filters on one page (Premium)
Fixed class
Unfiltered element (Premium)
🆎
Filtering Types
Picky Filtering (Premium)
Multi select filtering (Premium)
🔗
Links
Visit Shop
Powered By
GitBook
Style Active Button (Premium)
To style the active button, you can use the
df-activebutton
class, that gets automatically added to the active button.
For example:
This code makes the active button darker
.df-activebutton {
filter: brightness(50%);
}
Have the "Show all" button styled after page load
To have the all button already styled after page load, just add the df-activebutton class to the button.
This is a Premium feature
Make sure to read how to get the Premium features in the following article:
Get the Premium features
Where to add custom CSS?
This you can find on the following article page:
Where to add custom CSS?
Styling - Previous
Filter Animation (Premium)
Next - Styling
Where to add custom CSS?
Last modified
8d ago
Copy link
Outline
Have the "Show all" button styled after page load
This is a Premium feature
Where to add custom CSS?