Topic: Edit css /colors in BP Profile · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Edit css /colors in BP Profile

ThatGuyEditing
Participant

@trex2303

5 years, 10 months ago

How can I edit the colors in BP extended profile area as well as the text? I need to remove the “white” background to either the color of my current theme or to something that’s not white.
Do I need to edit my sites theme CSS or is it BuddyPress CSS?

Wordpress V. 5.0.2
BP V. 4.1.0
URL: https://arcade.gamerzfan.com
Theme: Paraxe / Paraxe Child

Thanks in Advance.

Viewing 5 replies - 1 through 5 (of 5 total)

Venutius
Moderator

@venutius

5 years, 10 months ago
Hi there,

You could do it using the additional site CSS section of Customizer.

Have you found your browser console? Right-click the page and choose inspect Element. This will allow you to inspect the CSS used on the page, modify it on the fly in order to find the best CSS element to set the background color. For example something like this might do the trick:
```
.buddypress-wrap {
    background: black;
}
```
ThatGuyEditing
Participant

@trex2303

5 years, 7 months ago

It seems no matter what I edit, either the whole page changes color or the wrong section changes color, I just can’t figure out how to get just that one little area to change color.

https://gamerzfan.com/images/screens/edit_color.png

Brad
Participant

@bradhammer

5 years, 7 months ago

Also interested, thanks for the answer!
Venutius
Moderator

@venutius

5 years, 7 months ago
By the looks of things you are trying to change the colours of the profile fields, so something like:
```
.profile-fields {
    color: blue;
}
```
Should work

However something more specific is sometimes required, such as:
```
#buddypress table.profile-fields {
    color: blue;
}
```
ThatGuyEditing
Participant

@trex2303

5 years, 7 months ago

Unfortunately, that does not work either. I’m not sure what is going on. If its the theme itself being stubborn, or if this one spot is being really picky.

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.