How to Change the Activity Update Form Background Color

Introduction

By default, there is no built-in option to change the background color of the Activity Update Form. Using a CSS snippet, you can customize the form’s background to match your site’s design. You can also use an RGBA value for transparency.

Custom Workaround

Follow the steps below to change the background color:

1. Go to BuddyBoss > Theme Options
2. Under Custom Codes, enable CSS
3. Append the following code:

.activity-update-form-overlay { 

    background-color: #000000; /* Change hex code to your preferred color or use RGBA for transparency */

}

4. Save changes.

Note: Any modifications are considered custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: Can I make the background partially transparent?

A: Yes. Use an RGBA value instead of hex, for example:

background-color: rgba(0,0,0,0.5);

Q: The background color didn’t change. What should I do?

A: Clear your site cache and browser cache. If it still doesn’t update, submit a ticket to the support team.

Q: Will this affect other pages?

A: No. This snippet only changes the Activity Update Form background.

Q: Can I use a gradient instead of a solid color?

A: Yes. Replace background-color with background and define your gradient, e.g.:

background: linear-gradient(to right, #000000, #333333);

Screenshots

Without Code:

With Code: