Hi – it seems there’s been a change to the filters on all of the back-end pages. They have a light yellow background with a white checkmark when selected, which is difficult to see. My client cannot see the difference on their screen. The border of the checkbox changes from black to blue when the option is selected, but it’s also difficult to see the difference. To ensure I didn’t have css overriding the color changes, I added a fresh install of the free affiliates plugin to a new site and it also has the same color issues. When I refresh the page (like the Manage Affiliates page), it sometimes shows blue boxes with white checkmarks for 1 second before reverting to the yellow boxes with white checkmarks. I also checked my CSS to ensure nothing I added would cause the issue. The fresh install confirmed this. In the inspect tool, I can change the .filters input.active-filter background to a dark color so I can see the checkmarks, but I can’t figure out the full selector to add to my css file to make it permanent. I’m on Affiliates Pro 6.0 (I believe the latest version). Everything is updated. I use the Divi Theme. Is this something that is on your radar to fix? In the meantime, if you could send me the correct class selector to add to my css so I can change the yellow to black so they can see the checkmarks, that would be helpful. Thanks! P.S. Happy to send screenshots of needed.
Posted in Affiliates Pro
Comments
10 responses to “Manage Affiliates Filters – change in appearance, hard to see”
You’re right Erica, I should have mentioned it that the custom rule I recommended should be added in a CSS editor like the one found in Appearance > Customize > Additional CSS, or for block-based themes under Appearance > Editor > Styles > Additional CSS.
References:
https://wordpress.org/documentation/article/customizer/
https://wordpress.org/documentation/article/styles-overview/#the-styles-welcome-guide
My apologies for missing that important detail.
Kind regards,
George
I consulted with Claude and it helped me add code to my functions.php file to make the background black. I can see the white checkboxes now.
add_action( ‘admin_enqueue_scripts’, function( $hook ) {
// Optional: only load on Affiliates Pro pages, to avoid loading everywhere
wp_add_inline_style( ‘wp-admin’, ‘
.filters input.active-filter {
background-color: #000 !important;
}
‘ );
});
Yes, in the inspect tool I can make it work, but I can’t make it perminant by adding that CSS to my theme. My client doesn’t know how to use the inspect tool. I’m thinking that another class needs added but I can’t figure out what it is.
You’re welcome Erica.
Normally you shouldn’t have issues with the CSS rule I’ve shared. Unless there’s any sort of typo, then the safest way to adjust this if necessary, would be directly from the Dashboard, preferably on a staging site.
FYI, this is how it looks on my test installation: https://imgur.com/a/4n2jlB3
Kind regards,
George
Thanks, but the css you suggested isn’t working. I tried various combinations but couldn’t figure out the right one.
Yes Erica, perhaps you should try the following rule that changes the active filters background to something more visible.
.filters input.active-filter:checked {
background-color: #3858e9;
}
I think this would help you until the update is out.
Please note that the hex color I’ve used is the default blue used in WordPress Dashboard.
Kind regards,
George
In the meantime, could you possibly help me figure out the correct css to add to make the background black instead of yellow. In the inspector tool I can change .filters input.active-filter {background-color: #000;} and it changes the box to black, but I must be missing an addition class needed. If it’s not possible, that’s ok, just wanted to give them a quick fix for now. Thanks!
Thanks for sharing the screenrecord Erica,
Indeed there seems to be an issue with the background color. We need to add a fix for that in the next update for Affiliates plugin.
Kind regards,
George
Hi George,
I thought it was a css thing too, but I can’t find the override. Here’s a video of the issue on both websites use the plugin, and a third example installing the free version of your affiliate plugin on a fresh wordpress install, no themes added. You’ll see in the fresh install the SiteGround plugins are activates…I did try deactivating them. Sites are on PHP Version 8.2 and WordPress Version 7.0.3. https://freewheelcreative.com/wp-content/uploads/2026/08/Affiliates-Issue.mp4
Hi Erica,
Welcome back to our support forum.
According to your description, I’m assuming that this could be a CSS conflict or overlapping rule from other elements, but if its possible you may share some screenshots and in the meantime I’ll have a look on my local install.
FYI, you may share your screenshot using a free service like imgur or other similar ones.
Kind regards,
George
Only authorized members can comment on this topic.
Log in