BuddyPress.org

Hi, I want to make some minor CSS changes to BuddyPress, but I’m thoroughly confused. Since 1.7, what is/is not the correct way to do this? Do we still need a child theme, as described here: https://codex.buddypress.org/themes/building-a-buddypress-child-theme/?

Or do we just need to add css files as described here: https://codex.buddypress.org/themes/theme-compatibility-1-7/theme-compatibility-2/?

I’ve tried the latter method, but no success.

Here are the minor changes I’d like to make:

/* --------------------------------------------
	BUDDYPRESS
-------------------------------------------- */

/* overrides wp-content/plugins/buddypress/bp-templates/bp-legacy/css/buddypress.min.css */

#buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
background: #fff;
border: 1px solid #ccc;
color: #777;
font-size: 1.1rem; /* edited */
cursor: pointer;
outline: 0;
padding: 4px 10px;
text-align: center;
text-decoration: none; 
}

#buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 {
font-weight: 600;
/* font-size: 90%; */ /* edited */
margin: 0;
width: 75%;
}

#buddypress ul.item-list li div.item-desc {
/* color: #888; */  /* edited */
font-size: 80%;
margin: 10px 0 0 60px;
width: 70%; /* edited */
}

/* overrides wp-content/plugins/bp-group-hierarchy/templates/_inc/css/hierarchy.css */

.item-subitem-indicator {
float: left;
line-height: 3em;
display: none; /* added */

I’d love to know exactly how/where to make these customizations.

Thanks in advance!