Buddypress Activity Posting/Comments background

[mtgame21]

Is it possible to have two different background colors for the original posting on the Buddypress Activity/Wall. For example in the picture below, the Original posting, the comment under it (says “this is a test comment), and then the next posting all have a black background. This makes it difficult to read as it all appears to run together.

I would like to have the original posting a light grey background and then any comments below have a darker grey background. Can we change this with custom CSS?

Also is there a way to create a visual break with a space between individual postings and/or eliminate the vertical line that connects the circle avatar. That way each Posting(with its associated comments) is visually separated from the next Posting (and its associated comments).

Thanks for your help.

[Laura]

Hello, can you share a link and an user so i can check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mtgame21]

fyi, this is a site still in development, so please ignore the stuff in the sidebars.
http://www.mercquest.com
username: testuser1
pwd: //12//12//12

[mtgame21]

Also, could you help with CSS code that will adjust the size of the posting window. Would like to make this box smaller by adjusting some or all of the items shown in the picture. If you can provide the CSS, then I can play with the different setting/font size…etc…. for each item. Thanks.

[mtgame21]

Meant to include this picture instead for above posting

[mtgame21]

In my original posting, I asked…
Also is there a way to create a visual break with a space between individual postings and/or eliminate the
vertical line that connects the circle avatar. That way each Posting(with its associated comments) is visually
separated from the next Posting (and its associated comments).

I was able to eliminate/hide the vertical line that connects the circle avatar with this CSS code:
#buddypress .activity-timeline { height: 0%; }

Next in the box that holds the “Comment , delete, privacy” buttons. I tried to lesson the padding under it with:
.logged-in #buddypress div.activity-meta {
padding-bottom: 10px; }
The 10px was originally 40px. When I tested the change with Firebug editing, it worked, but when I put code in my quick CSS, it defaults back to 40px even though it shows by change with a strikethrough line over my change. Can you help me make the change stick or another way to do it.

I’m still trying to figure out how to add a 10px Margin or so between each top post, and change the background color for each top post and a different background color for the comment postings under each top post.

[mtgame21]

Ignore this part in above posting…got it to work.

Next in the box that holds the “Comment , delete, privacy” buttons. I tried to lesson the padding under it with:
.logged-in #buddypress div.activity-meta {
padding-bottom: 10px; }
The 10px was originally 40px. When I tested the change with Firebug editing, it worked, but when I put code in my quick CSS, it defaults back to 40px even though it shows by change with a strikethrough line over my change. Can you help me make the change stick or another way to do it.

[mtgame21]

I have made some progress…..
I created a visual break between individual postings and change the background color for both “postings and comment section” at once, but not individually with this code (still need help with that):
#buddypress ul.item-list li {
background-color: black;
margin_bottom: 20px
}

Also, please help with the CSS code for changing the Top/Bottom “Margins and or Padding” in the items in posting window. I have changed what I could so far but cant isolate the CSS code for the other items.

In addition, please provide any recommendations/guidance with making this whole posting window smaller, for example, making the icons smaller or moving that “Post” button up one line with that privacy selector box.

[Laura]

Hello, i am a bit confused on what do you need now, could you list me what exactly you need now? I will be happy to help you 🙂
Thanks

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mtgame21]

Hi Laura, please go ahead and close or delete this thread. I was able to figure out much of this by looking through the forum and getting pointers on similar tasks.

I will start a new one if needed. Thanks.

[Laura]

Hello, glad you could resolve it! I will be here if you need anything more, just start a topic and call me 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts