CSS for Buddypress Group formatting

[jmellicker]

Hello,

We were trying to improve the formatting of the Buddypress Group display in Dante. The CSS we would like is below.

The problem is that when we added these classes to the custom CSS section in Theme Options, there was no change in the page.

We are CSS noobs, can you help us apply these changes to our website?

Here is a screenshot of our changes, done with the Chrome “Inspect Element” feature:
https://www.dropbox.com/s/b3kkru5oq85irl6/Screenshot%202014-03-17%2020.04.36.png

Thanks!

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

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

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

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

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

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

[Melanie – SUPPORT]

Hi, try adding !important before the ; of every css line.

Cheers!

[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;​
}​

[Melanie – SUPPORT]

Hey there, I see you posted in another thread and I’d like to keep it to one thread 🙂 The developer announced adding css to an update so I’m sure he will do that soon 🙂