Private Message Button Color

[dsniche]

Hi, previously Laura helped me change the color of the private message button by adding the following CSS:

 

a#private-button-id {

background: #d14f1f !important;

color: white !important;

}

 

But since I deactivated a plugin (BP Profile Message UX Free), the button color changed back again. I tried deactivating all my plugins, but the orange color I want only shows up when the BP Profile Message UX Free plugin is activated.

How can I make it so the button shows up as the color I want?

[Radu]

Hi,

Try with this css

COPY CODE

div#send-private-message {
    display: none !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Radu]

Hi,

Try with this css

COPY CODE

div#send-private-message {
    display: none !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

Hi Radu,

Thank you for the code, but it removed the private message button altogether. I want to keep the button, and change the color to orange.

[Radu]

Use with this values instead

COPY CODE

div#send-private-message {
background-color:red !important;
color:yellow !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

Thanks Radu! That worked.

But one small problem is the shape of the button changed and now the corners are not rounded. Strange. I can see the CSS code is only supposed to change the color…

I attached a screenshot. I removed the public message button, btw, and added a block button instead.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Try to add this border-radius:10px; after color:yellow

Example

COPY CODE

div#send-private-message {
background-color:red !important;
color:yellow !important;
border-radius: 10px;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

Hi Radu,

Unfortunately that didn’t work either. I wouldn’t mind changing both buttons instead if we can’t add the rounded corners back.

What CSS code do I use to change the styling of all buttons? Like with the code you just gave me it’s “div#send-private-message” to change the private message button…what code do I use to change both buttons?

Also, if I want to move the buttons to another location within the blue profile area at the top of the profile page, what’s the file that I should edit?

Thank you.

[Radu]

Hi,

Provide an account to can see how it looks please

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

This reply has been set as private.

[Radu]

Hi,

COPY CODE

div.block-member {
    display: inline-block !important;
    width: auto;
}

div.block-member a {
    padding: 10px 31px;
    background: red !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

I attached a screenshot after adding the code. Is there a way to make the corners the same for both buttons? Both rounded or both sharp? Thanks Radu.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

use this css

COPY CODE

.block-member a {
    border-radius: 0 !important;
}

div#send-private-message a {
    background: red !important;
}

div#send-private-message {
    background-color: transparent;
}

.block-member a {
    background: yellow !important;
}

Replace yellow and red with your desired color, with this it looks better, in past the private message was two nuances of color now it;s ok

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[dsniche]

Thank you! You’re a lifesaver. 🙂

[Radu]

You’re welcome

cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts