🔬
Elementor Filter
⭐ Get Premium
  • 🥳Introduction
  • ✨Getting Started
    • Download + Installation
    • Filter Columns
    • Filter Elements
    • Filter Inner Columns (Premium)
    • Filter Inner Sections (Premium)
    • Filter Containers (Premium)
    • Get the Premium features
  • 🎨Styling
    • Filter Animation (Premium)
    • Style Active Button (Premium)
  • 👷‍♂️Functional
    • Unfiltered element (Premium)
    • Filter already applied (Premium)
    • Show all elements
    • Multiple filters on one page (Premium)
    • Fixed class
  • 🆎Filtering Types
    • Picky Filtering (Premium)
    • Multi select filtering (Premium)
  • ▶️Templates
    • Import Templates
  • 🔗Links
    • Visit Shop
Powered by GitBook
On this page
  1. Styling

Style Active Button (Premium)

To style the active button, you can use the ef-activebutton class, that gets automatically added to the active button.

Examples

Make button darker

.ef-activebutton {
    filter: brightness(50%);
}

Change color

.ef-activebutton .elementor-button {
    color: red !important;
}
PreviousFilter Animation (Premium)NextUnfiltered element (Premium)

Last updated 2 years ago

🎨