Topic: Change the look a like of Profile page · BuddyPress.org

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

Change the look a like of Profile page

m4soN
Participant

@m4son

4 years, 8 months ago

Hi there,

i haven`t found a solution for my question so i hope to find the answer here.

Unfortunately my installed buddypress is displaying some information very ugly and i’d like to get rid of it.

So far i haven´t figured out where i can change the look of following table:

<table class=”profile-fields bp-tables-user”><tbody><tr class=”field_1 field_name required-field visibility-public field_type_textbox”><td class=”label”>Name</td><td class=”data”><p>martin</p></td></tr><tr class=”field_3 field_dci-nummer optional-field visibility-public alt field_type_number”><td class=”label”>DCI Nummer</td><td class=”data”><p>9315451735</p></td></tr></tbody></table>

Can you please be so nice and tell me where i find the settings of that table exactly? I am not a trained coder but i am good at learning when someone leads me in the right direction. So please bare with me a little.

Thanks

Viewing 1 replies (of 1 total)

Boone Gorges
Keymaster

@boonebgorges

4 years, 8 months ago
Hi @m4soN – The easiest place to add custom CSS is in the Customizer. See https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/.

Once there, you’ll need to learn a bit about how CSS works to make the changes you want to change. Without knowing more about what “very ugly” means, it’s hard to give specific instructions. But let’s say you wanted to increase the field padding. You might introduce the following CSS:
```
.buddypress-wrap .bp-tables-user tr td {
  padding: 20px;
}
```
Here’s some more info about getting started with CSS: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.