Activity Feed Styling – background color

[Carly]

I would like to change activity feed styling to have white background as it shows on Mobile?
See attached screenshots comparing desktop to mobile.

[Anve S.]

Hi @costyclan,

Try adding following css in child theme custom css option.

@media screen and (min-width:481px){
body.activity #buddypress .activity .activity-content {
background-color: #fff;
}
body.activity #buddypress .activity .activity-content .activity-header, body.activity #buddypress .activity .activity-content .activity-inner {
padding: 7px;
}
}

Regards
Anve

[Carly]

perfect. thank you

[Carly]

@anve could I also have code to make update area background white also as per mobile styling (see attached screenshot)

[Anve S.]

Hi @costyclan ,

Try following css and apply in custom css code of child theme.

@media screen and (min-width:481px){
.activity #whats-new-form {
  background-color: #fff;
}
.activity #item-body .item-list-tabs {
  background-color: #fff;
  padding: 4px 0 !important;
}
.activity .buddypress-content #item-nav #object-nav {
  background-color: #fff!important;
}
}

Regards
Anve

[Carly]

sorry @anve, that didn’t seem to work.

[Anve S.]

HI @costyclan ,

The css does not seem to be applied .Please try uploading through simple custom css plugin.

Regards
Anve

[Carly]

thank you @anve, I added code and got it working but decided against changing color in the end.

[Anve S.]

Hi @costyclan,

okay . 🙂

Regards
Anve

[Carly]

@anve I have a couple of issues with update area and media area (i use rtmedia plugin) where the background is white and should be #f9f7f6
see attached

[Anve S.]

Hi @costyclan,

Please remove the following code from custom.css file , that is interfering with the styling.

.rtmedia-container {
    background: #fff !important;
    padding: 3% 0 !important;
}

Regards
Anve

[Carly]

fixed. thanks again @anve

[Anve S.]

Hi @costyclan,

Great 🙂 , I’ll close this topic now . Please create a new for any further questions.

Regards
Anve