Some CSS to reduce white space…

[hma]

Hello,
I have too much empty space in activity, but more importantly in the group and member pages. See the copy pages attached.
This is important as my user are complaining they are obliged to scroll down at each refresh, making an inconfortable user expérience.
I know you have been and are still busy with 3.01 and by the way, congratulations for your quick reaction, but I don’t know how to fix this…
Best regards
Hervé

[Laura]

Hello, that is not an error, its the way the theme is built to be more clean and simple, not too full. But i can help you edit it with custom css, could you share a link?

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

[hma]

Hello Laura,
Yes, I would believe there is no errors, and I like the clean effect of the theme. However, I suspect having more space to work on would help my users.
So these are the two mmain pages where I nedd to reduce to heading and around memeber or group photo space.

http://linkmulti.wpengine.com/members/linkmulti/
http://linkmulti.wpengine.com/groups/my-first-group/

log : linkmulti
pass : lerovesss123

While you are there ? I have a couple of minr issue. The issue is too close too the admin bar… here we need more space 😉
and I don’t know why but since Kleo 3 I should have darker icons in groups or profile and I don’t …

Thanks in advance for your help.

Best regards,
Hervé

[Laura]

Hello, add this css to quick css or style.css in child theme, let me know if you need more adjustments

COPY CODE

div#header {
  margin-top: 10px;
}
.buddypress div#item-header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.template-page.col-sm-12.tpl-no {
  margin-top: -40px;
}
#main {
  clear: both;
  margin-top: -10px;
}

This is for profile, doest it work?

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

[hma]

Thank you Laura, this is working…
However the head is not centered and is too high.
See photo attached…
Hervé

[Laura]

Hello, try adding this to the code i sent you before

COPY CODE

body.bp-header-small .bp-full-width-profile div#item-header {
  padding-bottom: 0px !important;
}

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

[Author]

Posts