Profile Covers

[Milton Ayala]

How can I remove white circle around avatar or fix it from the oval shape it has now?

Also how can I change the location of the avatar in the profile page from its default in the center?

[sharmstr]

Its shouldn’t be oval, it should be round. To remove the border

COPY CODE

body.is-user-profile #item-header-avatar {
  border: 0;
}

You can apply css to the #item-header-avatar div to move it.

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

[Milton Ayala]

Thank you @sharmstr,

Code to remove border works perfectly. I know it shouldn’t be oval, the only thing I could find here was this;

https://archived.seventhqueen.com/forums/topic/profile-avatar-and-activity-stream-issue

I could not find the culprit plug-in. The design looks better with a border, but for now this will do.

On avatar location, That sounds good, only if I knew how to code css. Can I get the code?

Thank you again, You ROCK!

[sharmstr]

I cant give you code if I dont know where you want it.

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

[Milton Ayala]

I want it on the bottom, right.

Will the social icons move too? I used your code to achieve social icons on the profile page. (thanks! works perfect) Also can I change the size of the icons?

Would the code have a I.e. 40 px height 10 px width location assignment? So I can tweak the location of the avatar if I wanted to?

[sharmstr]

I’m willing to get you started, but asking us to code everything for you is beyond the scope of support here. If you dont understand css, you should hire someone who does.

COPY CODE

body.buddypress.is-user-profile div#item-header {
  text-align: right;
}

The icons are just fonts so this might work

COPY CODE

body.buddypress.is-user-profile div#item-header i {
  font-size: 20px;
}

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

[Milton Ayala]

Thanks a lot @Sharmstr,

It works. and you’re right I got to either learn it or hire somebody, and this is a great start. Thanks again for the support.

[sharmstr]

You’re welcome.

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

[Milton Ayala]

Hey @sharmstr,

Thought you might like to know

On the Oval error, and removing the white circle around avatar

When I click on show less in profile cover, The white circle is back, so it was not removed from there. But the oval error is gone. 🙂

This kind of works for me. In perspective, the transition to show less keeps the focus on the avatar as the white circle comes in.

[Author]

Posts