[jmellicker]

All good. It’s working again. Thanks for your time.

[jmellicker]

This reply has been marked as private.

[jmellicker]

Thanks! Marking this resolved. The CSS I posted above has a nice button rather than the text link in cast anyone is in need.

[jmellicker]

I just bought the Dante theme and was kind of surprised to find there was no styling on the Buddypress group listing page at all!

Here’s what our website’s group page looked like before:
https://www.dropbox.com/s/ggsyyrbxlqbtpwp/Screenshot%202014-03-18%2020.07.25.png

After a couple hours work, I whipped it into some kind of shape:
https://www.dropbox.com/s/n37z1ldbjl5j35h/Screenshot%202014-03-18%2020.07.04.png

As you can see, there are still problems – the two “create a group” buttons at the top of the page, and the controls are still jumbled, but it is way better.

Haven’t touched the other Buddypress pages, which all need major work.

Nice theme otherwise! Looking forward to Buddypress updates soon.

Here’s the CSS I added to the child theme:

#groups-list {
margin-top: 40px;
}

.public {
padding: 24px;
}

.even {
background: #f0f0f0;
}

.even, .odd {
border: solid 1px #ccc;
margin: 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.item-avatar {
float: left;
margin-right: 12px;
}

.item-title {
font-family: ‘Open Sans’, Helvetica, Arial, sans-serif;
font-size: 20px;
letter-spacing: -1px;
}

.item-desc {
}

.item-meta {
font-size: 11px;
float: right;
}

.action {
font-size: 11px;​
}

.group-button, .bp-title-button {
float: right;
padding: 4px;
background: #859FC6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #000000;
font-family: Raleway;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
}

.bp-title-button {
margin-left: 48px;
padding: 0 24px;
}

.group-button:hover {
color: #C3D6FF;
}

[jmellicker]

Thanks for your response Melanie. Unfortunately, it did not change anything. Here’s what we used:

.odd public is-admin is-member, even public is-admin is-member {
padding:​ 30px !important;​
margin:​ 20px 0 !important;;​
}

.even public is-admin is-member {
background:​ #f0f0f0 !important;​
}

.item-avatar {
float:​ left;​
margin-right:​ 20px !important;​
}

.item-title {
font-size:​ 24px;​
font-weight:​ 700 !important;​;​
}​

.item-meta {
font-size:​ 12px !important;​
}

.action {
font-size:​ 12px !important;​
}​

[jmellicker]

Update: that added CSS did not change formatting.

[jmellicker]

Thanks Ed! Melanie helped us with some custom CSS that improved the formatting significantly, but here’s the page in question:

Groups

And here is the custom CSS we added and are tweaking:

.even public is-admin is-member {
padding:​ 30px !important;​
margin:​ 20px !important;​
}

.even public is-admin is-member {
background:​ #f0f0f0 !important;​
}

.item-avatar {
float:​ left !important;​
margin-right:​ 20px !important;​
}

.item-title {
font-size:​ 24px !important;​
font-weight:​ 700 !important;​
}​

.item-meta {
font-size:​ 12px !important;​
}

.action {
font-size:​ 12px !important;​
}​