I've been successful with all of my custom CSS updates so far, but there is one change I am trying to make that's not working. It looks like your aqua theme CSS style sheet is already using an !important property for what I'd like to change – and due to this I'm not able to override the style.
I've attached a screenshot that shows where I am getting overridden by your aqua style sheet. I'm basically trying to change the bottom border color for the .active state of the dropdown.
Basically, your aqua.css style sheet is already using an !Important property for what I'm trying to edit through Custom CSS - because of this, my Custom CSS is being overridden by the aqua.css styles. I hope the video helps more clearly explain.
I've been successful with all of my custom CSS updates so far, but there is one change I am trying to make that's not working. It looks like your aqua theme CSS style sheet is already using an !important property for what I'd like to change – and due to this I'm not able to override the style.
I've attached a screenshot that shows where I am getting overridden by your aqua style sheet. I'm basically trying to change the bottom border color for the .active state of the dropdown.
Please let me know how I can accomplish this.
Thanks,
John
Hi, John
Thanks for reaching out to us
I experimented with some styles, and not sure if this will resolve exactly what you need in this use-case,
but it seems it Is working when i click on the table tool, or if i force an "active state",
for example for the Column List button,
can you try to add this, either to the table Custom CSS, or as Custom CSS of the WP page?
Let me know if that helped?
Thank you
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
Hi Milos,
Thank you for the response. Here is a quick video I recorded to better explain what I am trying to do and the issue I am running in to.
https://www.loom.com/share/7c329495714c4a51a5df5d8536d77a47
Basically, your aqua.css style sheet is already using an !Important property for what I'm trying to edit through Custom CSS - because of this, my Custom CSS is being overridden by the aqua.css styles. I hope the video helps more clearly explain.
Let me know if you have any suggestions. Thanks!
Hi Milos,
Please first watch the quick video from my comment below.
Then, take a look at this post on Stack Overflow: https://stackoverflow.com/questions/51277996/how-to-override-important-style-from-external-package-in-angular. I found that the answer provided (adding the 'body' selector) fixes the issue. However, I'm not sure if adding the body selector is best practice and if you have another solution that would be better. Please let me know. Thanks!
Hi, John
Sorry for my late reply
Thank you very much for the video that showed more details about what you're trying to do.
Now I can see exactly what you mean.
I was not aware of this particular CSS from our table skin, to be honest.
We will reach out to our senior 2nd level Team, and we will show them all the details, as well as the Stack Overflow post,
and we will report back as soon as they advise what will be the best approach to tackle this.
Thank you for your patience.
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
Awesome! No rush.
Hi, John
Thank you for your patience.
We still don't have an update, but i am checking with our 2nd level, and will keep you posted on this matter.
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
Hi, John
We have been advised by our senior Team, thank you for your patience once again.
What you can do as a "temporary" solution, for the time being, you can edit our plugin's stylesheet file, located in :
../wp-content/plugins/wpdatatables/assets/css/wdt-skins/
find file aqua.css there and you can remove the "!important" clause from there,
and we will pass this as a feedback to our developers, they will do their best to work on removing that "!important" clause in the future.
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
Great! Thanks for the resolution.