#27589
 sharmstr
Moderator

Yep. The cover container is the same width and has the same “padding” that the default kleo header has. I didnt change that. There’s going to be a gap above and to the sides because its sitting inside the ‘template-page col-xx tpl-right’ div. See screenshots for better explanation. I’ve added a border to the default kleo header to illustrate this.

To expand on your other question about the avatar being below the cover, you can adjust its position by overriding the css. Specifically

COPY CODE


.bp-user #buddypress #item-header-avatar {
	margin-top: -50px !important;

}

Increase the -50px to whatever suits you. MAKE SURE YOU HAVE THE UPDATED PLUGIN FILES INSTALLED.

The reason I chose to hold the cover in its own div above the avatar instead of having the avatar sit inside the cover div is because it scales better.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Log in with your credentials

Forgot your details?