Title: DataTables ColumnFilterWidgets
Last modified: December 3, 2020

---

# DataTables ColumnFilterWidgets

 *  Resolved [sephan](https://wordpress.org/support/users/sephan/)
 * (@sephan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/)
 * Hi, Tobias
    I use Tablepress with the ColumnFilterWidgets extension. I got a 
   problem/question I would like to solve. The first one is the color of the filters
   I’ve activated. I would like to change the appearance of the filters that are
   activated. For example when I filter by “Bogen” under “Art”, how do I change 
   the color of the activated filters? And is it possible to maybe deposit the active
   filters with colored Boxes?
 * Best regards, Stephan.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdatatables-columnfilterwidgets-9%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13742144)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * It seems that you already found the CSS code to change the color, right?
    To 
   show them as a box, you could add e.g.
 *     ```
       border: 1px solid #EFF8FB;
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [sephan](https://wordpress.org/support/users/sephan/)
 * (@sephan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13742232)
 * Thanks for your fast reply!
    Yes, I already found the solution for the color.
   But thx for the help with the border it works great! Is it possible to display
   a little “X” or something similar inside the box, to visualize that the user 
   can click to remove the tag?
 * I really enjoy your plugin and your work is great and helpful!
 * Best Regards,
    Stephan.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13742503)
 * Hi,
 * you could try something like this:
 *     ```
       .column-filter-widgets .filter-term:after {
           content: "x";
           float: right;
           margin-right: 5px;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [sephan](https://wordpress.org/support/users/sephan/)
 * (@sephan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13742576)
 * Worked great!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13744000)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘DataTables ColumnFilterWidgets’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/datatables-columnfilterwidgets-9/#post-13744000)
 * Status: resolved