Change size of group background image

[SUSHANT]

Hello,
I want to reduce the height of the background image that appears on the page of each group. Tried several options, did not work. My image is overlapping on the horizontal group menu – I have attached a picture for clarity. Hence, I want to reduce the group background image height. Please help as the site looks ugly with this overlap.

Thanks in advance.

[Anonymous]

Hello @sushant_priyadars , add them in your custom css with those height what you need for them

#buddypress #item-header-cover > .table-cell {
  height: 320px;
}
.bb-cover-photo {
  width: 100%;
  background: #3c7a90;
  height: 320px;
  position: absolute;
}

#buddypress #item-header-cover > .table-cell {
  height: 320px;
}
.group-single #item-header {
  min-height: 320px;
  position: relative;
}

I hope that will solve your requirement.

Regards
Varun Dubey

[SUSHANT]

Thanks Varun.

I added following snippet to Custom CSS in Dashboard-Appearance:
#buddypress #item-header-cover > .table-cell {
height: 300px;
}
.bb-cover-photo {
width: 100%;
height: 300px;
position: absolute;
}

#buddypress #item-header-cover > .table-cell {
height: 250px;
}
.group-single #item-header {
width: 100%;
height: 250px;
position: relative;
}

Although the menu shows correctly as image reduced in size, I have a line that shows inside the image (for member profile & single group background image0. It looks like a shadow, and looks very awkward on the image. I have attached a picture below. Any ideas on how to get rid of that shadow/line?

Thanks again.

[Anonymous]

Hello @sushant_priyadarshi , please pm me your site url i will inspect it to provide your exact css for your groups section
Regards
Varun Dubey