How to Change the Privacy Policy & Terms of Service Modal Background Color

Introduction

The Privacy Policy and Terms of Service modals use default styling without a built-in background color option. You can override their backgrounds site-wide by adding a small custom CSS snippet in your Theme Options.

Custom Workaround

1. In your WordPress admin, go to BuddyBoss > Theme Options.
   
2. Under Custom Codes, toggle Enable CSS on.
   

Append the following CSS (replace #000000 with your desired color):

div#terms-modal {

  background-color: #000000;

}

div#privacy-modal {

  background-color: #000000;

}

3. Click Save Changes.

Note: You may change the color code (#000000) to any valid CSS color. Any modifications are considered custom work. Know more about our Support Policy here: https://www.buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The modals are still white—why?
A: Ensure you added the CSS to the active child theme via Theme Options > Custom Codes, not the parent theme. Clear any site and browser cache after saving.

Q: I don’t see “Enable CSS” under Theme Options—what now?
A: Your hosting or a security plugin may disable inline CSS edits. Use FTP or your host’s file manager to append the snippet to your child theme’s style.css instead.