Divi Filter
⭐ Get Premium
  • 🥳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
    • Show all elements
    • Filter blog posts or portfolio items
    • Multiple filters on one page (Premium)
    • Unfiltered element (Premium)
    • Reset filter button (Premium)
    • Filter already applied (Premium)
    • Bugs? Use the Starting Delay
    • Fixed class
    • Filter Specialty Sections (Premium)
  • 🆎Filtering Types
    • Picky Filtering (Premium)
    • Multi select filtering (Premium)
  • 🔗Links
    • Visit Shop
Powered by GitBook
On this page
  • Have the "Show all" button styled after page load
  • This is a Premium feature
  • Where to add custom CSS?

Was this helpful?

  1. Styling

Style Active Button (Premium)

PreviousFilter Animation (Premium)NextWhere to add custom CSS?

Last updated 2 years ago

Was this helpful?

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:

Where to add custom CSS?

This you can find on the following article page:

🎨
Get the Premium features
Where to add custom CSS?