Basic process for CSS overrides
-
I have several plugins which insert elements into my account page whose colors clash with my theme. I understand that I can use custom CSS to override these, but I’m struggling with the process.
Here’s an example – I want to remove the background stye here:
https://static.funkypenguin.co.nz/2025/My_account__ElfHosted_2025-06-05_13-13-07.png
So I go to Custom CSS, and I set
div.history-grid .wvw_history_grid {
background-color: none
}
Should this work?
Thank you!
Hello,
To remove a background color, you should use transparent, not none. Also, make sure to end the line with a semicolon.
If it still doesn’t work, try adding !important to override this:
div.history-grid .wvw_history_grid {
background-color: transparent !important;
}
If the issue remains, share the page URL so I can further check on your site and give you a possible solution.
Best Regards,
Thank you for your help. Nothing I did to custom CSS was able to influence the issue, so I’m sharing a URL and login credentials below!
D
Hello,
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS and change the color code as per your requirements.
.wvw-wallet-history .history-grid {
background-color: transparent !important;
}
.wvw-wallet-history .history-grid .header {
background-color: #4CAF50 !important;
}
Best Regards,
.
