This topic has 14 replies, 2 voices, and was last updated 8 years by 
-
-
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?
Hi,
Try with this css
COPY CODEdiv#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 solutionHi,
Try with this css
COPY CODEdiv#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 solutionHi 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.
Use with this values instead
COPY CODEdiv#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 solutionThanks 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.
Hi,
Try to add this border-radius:10px; after color:yellow
Example
COPY CODEdiv#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 solutionHi 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.
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 solutionHi,
COPY CODEdiv.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 solutionI 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.
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 solutionYou’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
You must be logged in to reply to this topic.
