How to Change the “Activated” Page Login Button to Match the “Activation” Page Button

Introduction

By default, there is no built-in option to style the Activated page login button so it matches the Activation page button. To achieve a consistent design between these pages, you can apply a custom CSS workaround.

Custom Workaround

Follow the steps below to update the button styling:

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

#activate-page p a {

    background-color: var(--bb-login-register-button-background-color-regular);

    color: var(--bb-login-register-button-text-color-regular);

    border-color: var(--bb-login-register-button-border-color-regular);

    border-radius: 100px;

    border-width: 1px;

    border-style: solid;

    min-height: 38px;

    line-height: 38px;

    display: block;

    text-align: center;

}

4. Save your 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: The button style did not update after adding the CSS.

A: Clear your site cache, browser cache, and any CDN cache, then reload the Activated page.

Q: Can I further customize the button size or colors?

A: Yes. You can adjust properties such as border-radius, min-height, or the CSS variables used for colors.

Q: Will this affect other buttons on the site?

A: No. This CSS targets only the login button on the Activated page.