Hi, For some reason I am unable to change the 'clear filters' button/text colours. Ii only appears to work when I have the advanced column filters located inside the table.
I would like to:
1. customize text colors for 'clear filters' button and Filter forms
2. adjust the position for these items (ie. put them all on one side of the page, or have them in a 'block' scenario.
3. Is it possible to put the 'clear filters' and the other filters into a 'container' that I can also customize?
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and it will be forwarded to our management for review.
After it's been reviewed it will be presented on the front page, for voting. Please note that it may take some time before your suggestion is brought up for voting since we receive quite a lot of suggestions on daily basis, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
-
3.
As i explained above, the main container holding all the filters is this one :
But i am honestly not sure how far it can go for customization. You can certainly use the selector i pointed out earlier, to change any styles you need;
you can ask us if you need something specific, and we will tell you if that can be covered by our support.
-
Let us know if anything was not clear, and if you have any questions. Thanks
Hi, For some reason I am unable to change the 'clear filters' button/text colours. Ii only appears to work when I have the advanced column filters located inside the table.
I would like to:
1. customize text colors for 'clear filters' button and Filter forms
2. adjust the position for these items (ie. put them all on one side of the page, or have them in a 'block' scenario.
3. Is it possible to put the 'clear filters' and the other filters into a 'container' that I can also customize?
Hello Scoot,
1. You can customice the button style about css.
Excample:
.wdt-clear-filters-button
{
color: #ffffff !important;
font-size: 13px !important;
background: #72c02c !important;
padding: 4px 10px;
}
2. Regarding the filter positions, I don't know what do you meen exactliy. Mayby you have an excample for me?
3. You can automatically adapt all containers via css.
Best regards
Jens
Hi, Scott
Thanks for reaching out to us
Sorry about the delayed response time.
Thank you for assisting us with useful information, as always, Jens.
-
1. That is absolutely correct, you can follow Jens example, this CSS will work on your page for the "Clear filters" button:
2.
Regarding changing position and display property for all the filter DIV's, it depends how far you wish to go with it.
As Jens says, it will be great if you can give us more details what you wish to achieve, with examples?
-
For example, if you inspect the page's HTML, you will see all these classes and ID's that our devs have set.
All of the filters are in the same main DIV container, this is the CSS selector of it :
Then it is divided into further HTML DIVs .
Each column will have it's own DIV container for its filter, and the "clear filters" has this ID ' wdt-clear-filters-button-block '
-
For example, if we add this CSS :
This CSS selector is selecting all the filter containers that are not Clear Filters, and default float value is left;
i change it to right, and the clear filters swaps position with the rest, and goes to the left side, otherwise it is at the right position :
-
So there are ways how you can manipulate this to a certain degree;
but for example, we can't completely change the position of the container to go beneath the table or something drastic like that.
Technically it is possible, but it would involve certain amount of solid custom work, which is not provided by our support.
We can give some basic customization advice and examples, as much as possible, though.
And you can suggest a feature if you'd like our devs to add a built-in option to change the position where these filters are on the page;
Please feel free to search on this page,
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and it will be forwarded to our management for review.
After it's been reviewed it will be presented on the front page, for voting. Please note that it may take some time before your suggestion is brought up for voting since we receive quite a lot of suggestions on daily basis, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
-
3.
As i explained above, the main container holding all the filters is this one :
But i am honestly not sure how far it can go for customization. You can certainly use the selector i pointed out earlier, to change any styles you need;
you can ask us if you need something specific, and we will tell you if that can be covered by our support.
-
Let us know if anything was not clear, and if you have any questions. Thanks
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables