Hi,
thanks for your question, and sorry for the trouble.
To get the double line at all times (even when hovering), please change your CSS to
.column-filter-widgets a.filter-term,
.column-filter-widgets a.filter-term:hover {
text-decoration: line-through double !important;
}
Unfortunately, I’m not aware of a quick way to add a hover text 🙁 This would require changes to the HTML code of the dropdowns, which you’d have to do in the JS files of the ColumnFilterWidgets. Unfortunately, I don’t know where exactly, as I’m not the developer of that JS code but only added it to the TablePress Extension.
Regards,
Tobias
@scooterfox you could try this
.column-filter-widgets a.filter-term:hover:after {
content: “Reset Filte”;
margin-left: 1em;
}
or even better for you
.column-filter-widgets a.filter-term:hover {
text-decoration: none!important;
}
.column-filter-widgets a.filter-term:hover:after {
content: “clear filter”;
margin-left: 1em;
text-decoration: none!important;
background: #ed7900;
color: white;
padding: 0.2em;
}
.column-filter-widgets a.filter-term {
text-decoration: line-through double;
}
-
This reply was modified 6 years, 6 months ago by
nordie. Reason: extra
-
This reply was modified 6 years, 6 months ago by nordie.
Hi,
nordie, nice idea! Thanks for sharing this!
Regards,
Tobias
@tobiasbg your welcome the least i can do
btw
this is a bit overkill
.column-filter-widgets a.filter-term,
.column-filter-widgets a.filter-term:hover
this would be sufficient
.column-filter-widgets a.filter-term:hover
Hi,
yes, the hover version should be sufficient, indeed.
Regards,
Tobias
Dear Tobias, dear nordie,
sorry for asking so late. I was ill.
Thank you so much for your help.
I’m really very grateful!
It’s a good thing there are people like you.
<3
Forgot to say: it works perfect 🙂
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 here in the plugin directory. Thanks!
