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.

Attachments:

You must be logged in to view attached files.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mtgame21]

This reply has been set as private.

[mtgame21]

This reply has been set as private.

[mtgame21]

This reply has been set as private.

[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.

Attachments:

You must be logged in to view attached files.

[mtgame21]

This reply has been set as private.

[mtgame21]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts